diff options
Diffstat (limited to 'resources/lib/oojs-ui')
213 files changed, 21764 insertions, 0 deletions
diff --git a/resources/lib/oojs-ui/i18n/ace.json b/resources/lib/oojs-ui/i18n/ace.json new file mode 100644 index 00000000..b37e9bce --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ace.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Si Gam Acèh" + ] + }, + "ooui-dialog-action-close": "Tôp", + "ooui-outline-control-move-down": "Pinah item u yup", + "ooui-outline-control-move-up": "Pinah item u ateuëh", + "ooui-toolbar-more": "Lom" +} diff --git a/resources/lib/oojs-ui/i18n/af.json b/resources/lib/oojs-ui/i18n/af.json new file mode 100644 index 00000000..c5984af0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/af.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "Naudefj" + ] + }, + "ooui-dialog-action-close": "Sluit", + "ooui-outline-control-move-down": "Skuif item af", + "ooui-outline-control-move-up": "Skuif item op" +} diff --git a/resources/lib/oojs-ui/i18n/am.json b/resources/lib/oojs-ui/i18n/am.json new file mode 100644 index 00000000..0e070c60 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/am.json @@ -0,0 +1,8 @@ +{ + "@metadata": { + "authors": [ + "Elfalem" + ] + }, + "ooui-dialog-action-close": "ለመዝጋት" +} diff --git a/resources/lib/oojs-ui/i18n/ar.json b/resources/lib/oojs-ui/i18n/ar.json new file mode 100644 index 00000000..b01e2cd4 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ar.json @@ -0,0 +1,24 @@ +{ + "@metadata": { + "authors": [ + "Ciphers", + "Claw eg", + "Elfalem", + "Jdforrester", + "Mido", + "OsamaK", + "زكريا", + "مشعل الحربي", + "ترجمان05" + ] + }, + "ooui-outline-control-move-down": "انقل العنصر للأسفل", + "ooui-outline-control-move-up": "انقل العنصر للأعلى", + "ooui-outline-control-remove": "أزل العنصر", + "ooui-toolbar-more": "مزيد", + "ooui-dialog-message-accept": "موافق", + "ooui-dialog-message-reject": "ألغ", + "ooui-dialog-process-error": "حدث خطأ", + "ooui-dialog-process-dismiss": "أغلق", + "ooui-dialog-process-retry": "حاول مرة أخرى" +} diff --git a/resources/lib/oojs-ui/i18n/arc.json b/resources/lib/oojs-ui/i18n/arc.json new file mode 100644 index 00000000..7eb02a7b --- /dev/null +++ b/resources/lib/oojs-ui/i18n/arc.json @@ -0,0 +1,8 @@ +{ + "@metadata": { + "authors": [ + "Basharh" + ] + }, + "ooui-dialog-action-close": "ܣܟܘܪ" +} diff --git a/resources/lib/oojs-ui/i18n/arq.json b/resources/lib/oojs-ui/i18n/arq.json new file mode 100644 index 00000000..80987818 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/arq.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "Bachounda" + ] + }, + "ooui-outline-control-move-down": "هبط الشيئ للتحت", + "ooui-outline-control-move-up": "طلع الشيئ للفوق", + "ooui-outline-control-remove": "أمحي العنصر", + "ooui-toolbar-more": "زيادة", + "ooui-dialog-message-accept": "مليح", + "ooui-dialog-message-reject": "رجَع", + "ooui-dialog-process-error": "حاجه ما خدمتش مليح", + "ooui-dialog-process-dismiss": "أرفضها", + "ooui-dialog-process-retry": "عاود جرب" +} diff --git a/resources/lib/oojs-ui/i18n/ast.json b/resources/lib/oojs-ui/i18n/ast.json new file mode 100644 index 00000000..87d7688a --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ast.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Basharh", + "Bishnu Saikia", + "Xuacu" + ] + }, + "ooui-outline-control-move-down": "Mover abaxo l'elementu", + "ooui-outline-control-move-up": "Mover arriba l'elementu", + "ooui-outline-control-remove": "Desaniciar elementu", + "ooui-toolbar-more": "Más", + "ooui-dialog-message-accept": "Aceutar", + "ooui-dialog-message-reject": "Encaboxar", + "ooui-dialog-process-error": "Daqué funcionó mal", + "ooui-dialog-process-dismiss": "Descartar", + "ooui-dialog-process-retry": "Vuelvi a intentalo" +} diff --git a/resources/lib/oojs-ui/i18n/az.json b/resources/lib/oojs-ui/i18n/az.json new file mode 100644 index 00000000..aa835e28 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/az.json @@ -0,0 +1,14 @@ +{ + "@metadata": { + "authors": [ + "Cekli829", + "Interfase", + "Jduranboger" + ] + }, + "ooui-dialog-action-close": "Bağla", + "ooui-outline-control-move-down": "Bəndi aşağı apar", + "ooui-outline-control-move-up": "Bəndi yuxarı apar", + "ooui-outline-control-remove": "Bəndi sil", + "ooui-toolbar-more": "Daha artıq" +} diff --git a/resources/lib/oojs-ui/i18n/ba.json b/resources/lib/oojs-ui/i18n/ba.json new file mode 100644 index 00000000..0bfa299b --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ba.json @@ -0,0 +1,15 @@ +{ + "@metadata": { + "authors": [ + "AiseluRB", + "Amire80", + "Assele", + "Haqmar", + "Sagan", + "Рустам Нурыев" + ] + }, + "ooui-dialog-action-close": "Ябырға", + "ooui-outline-control-move-down": "Аҫҡа күсерергә", + "ooui-outline-control-move-up": "Өҫкә күсерергә" +} diff --git a/resources/lib/oojs-ui/i18n/bcl.json b/resources/lib/oojs-ui/i18n/bcl.json new file mode 100644 index 00000000..f3db6398 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/bcl.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Geopoet", + "Sky Harbor" + ] + }, + "ooui-dialog-action-close": "Seraduhon", + "ooui-outline-control-move-down": "Balyuhon an aytem paibaba", + "ooui-outline-control-move-up": "Balyuhon an aytem paitaas", + "ooui-toolbar-more": "Kadugangan" +} diff --git a/resources/lib/oojs-ui/i18n/be-tarask.json b/resources/lib/oojs-ui/i18n/be-tarask.json new file mode 100644 index 00000000..c3f1abfe --- /dev/null +++ b/resources/lib/oojs-ui/i18n/be-tarask.json @@ -0,0 +1,14 @@ +{ + "@metadata": { + "authors": [ + "EugeneZelenko", + "Wizardist", + "Чаховіч Уладзіслаў", + "Zedlik" + ] + }, + "ooui-dialog-action-close": "Закрыць", + "ooui-outline-control-move-down": "Перасунуць ніжэй", + "ooui-outline-control-move-up": "Перасунуць вышэй", + "ooui-toolbar-more": "Болей" +} diff --git a/resources/lib/oojs-ui/i18n/be.json b/resources/lib/oojs-ui/i18n/be.json new file mode 100644 index 00000000..08fbe0b4 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/be.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "Чаховіч Уладзіслаў", + "Artificial123" + ] + }, + "ooui-dialog-action-close": "Закрыць", + "ooui-dialog-confirm-title": "Пацвердзіць", + "ooui-dialog-confirm-default-prompt": "Вы ўпэўненыя?", + "ooui-dialog-confirm-default-ok": "ОК", + "ooui-dialog-confirm-default-cancel": "Адмяніць" +} diff --git a/resources/lib/oojs-ui/i18n/bg.json b/resources/lib/oojs-ui/i18n/bg.json new file mode 100644 index 00000000..c2839736 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/bg.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "DCLXVI", + "Hristofor.mirchev", + "පසිඳු කාවින්ද", + "Mitzev" + ] + }, + "ooui-dialog-action-close": "Затваряне", + "ooui-outline-control-remove": "Премахване на обекта", + "ooui-toolbar-more": "Още" +} diff --git a/resources/lib/oojs-ui/i18n/bn.json b/resources/lib/oojs-ui/i18n/bn.json new file mode 100644 index 00000000..f7105ce7 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/bn.json @@ -0,0 +1,20 @@ +{ + "@metadata": { + "authors": [ + "Aftab1995", + "Bellayet", + "Jayantanth", + "Nasir8891", + "Runab", + "Sayak Sarkar" + ] + }, + "ooui-dialog-action-close": "বন্ধ", + "ooui-outline-control-move-down": "আইটেম নিচে স্থানান্তর", + "ooui-outline-control-move-up": "আইটেম উপরে স্থানান্তর", + "ooui-outline-control-remove": "আইটেম সরান", + "ooui-toolbar-more": "আরও", + "ooui-dialog-confirm-title": "নিশ্চিত করুন", + "ooui-dialog-confirm-default-ok": "ঠিক আছে", + "ooui-dialog-confirm-default-cancel": "বাতিল" +} diff --git a/resources/lib/oojs-ui/i18n/br.json b/resources/lib/oojs-ui/i18n/br.json new file mode 100644 index 00000000..69591917 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/br.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Fohanno", + "Fulup", + "Y-M D" + ] + }, + "ooui-outline-control-move-down": "Lakaat an elfenn da ziskenn", + "ooui-outline-control-move-up": "Lakaat an elfenn da bignat", + "ooui-outline-control-remove": "Tennañ an elfenn", + "ooui-toolbar-more": "Muioc'h", + "ooui-dialog-message-accept": "Mat eo", + "ooui-dialog-message-reject": "Nullañ", + "ooui-dialog-process-error": "Un dra bennak a-dreuz a zo bet", + "ooui-dialog-process-dismiss": "Disteurel", + "ooui-dialog-process-retry": "Klask en-dro" +} diff --git a/resources/lib/oojs-ui/i18n/bs.json b/resources/lib/oojs-ui/i18n/bs.json new file mode 100644 index 00000000..14280a79 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/bs.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "DzWiki" + ] + }, + "ooui-dialog-action-close": "Zatvori", + "ooui-outline-control-move-down": "Premjesti stavku dole", + "ooui-outline-control-move-up": "Premjesti stavku gore", + "ooui-outline-control-remove": "Ukloni stavku", + "ooui-toolbar-more": "Više", + "ooui-dialog-confirm-title": "Potvrdi", + "ooui-dialog-confirm-default-prompt": "Da li ste sigurni?", + "ooui-dialog-confirm-default-ok": "U redu", + "ooui-dialog-confirm-default-cancel": "Otkaži" +} diff --git a/resources/lib/oojs-ui/i18n/ca.json b/resources/lib/oojs-ui/i18n/ca.json new file mode 100644 index 00000000..c3e80fea --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ca.json @@ -0,0 +1,20 @@ +{ + "@metadata": { + "authors": [ + "Alvaro Vidal-Abarca", + "Amire80", + "Arnaugir", + "Pginer", + "QuimGil", + "SMP", + "Vriullop", + "Toniher", + "Edustus" + ] + }, + "ooui-outline-control-move-down": "Baixa element", + "ooui-outline-control-move-up": "Puja element", + "ooui-toolbar-more": "Més", + "ooui-dialog-process-dismiss": "Descarta", + "ooui-dialog-process-retry": "Torneu-ho a provar" +} diff --git a/resources/lib/oojs-ui/i18n/ce.json b/resources/lib/oojs-ui/i18n/ce.json new file mode 100644 index 00000000..de86daf0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ce.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Amire80", + "Умар" + ] + }, + "ooui-dialog-action-close": "ДӀачӀагӀа", + "ooui-outline-control-move-down": "Лаха яккха элемент", + "ooui-outline-control-move-up": "Лаккха яккха элемент", + "ooui-outline-control-remove": "ДӀадаха меттиг", + "ooui-toolbar-more": "Кхин", + "ooui-dialog-confirm-title": "Бакъдан", + "ooui-dialog-confirm-default-prompt": "Бакъалла лаьий хӀуна?", + "ooui-dialog-confirm-default-ok": "ХӀаъ", + "ooui-dialog-confirm-default-cancel": "Цаоьшу" +} diff --git a/resources/lib/oojs-ui/i18n/ckb.json b/resources/lib/oojs-ui/i18n/ckb.json new file mode 100644 index 00000000..eadae998 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ckb.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "Calak", + "Muhammed taha", + "Serwan" + ] + }, + "ooui-dialog-action-close": "دایخە", + "ooui-dialog-confirm-default-prompt": "ئایا تۆ دڵنیات ؟", + "ooui-dialog-confirm-default-ok": "باشە", + "ooui-dialog-confirm-default-cancel": "پاشگەزبوونەوە" +} diff --git a/resources/lib/oojs-ui/i18n/co.json b/resources/lib/oojs-ui/i18n/co.json new file mode 100644 index 00000000..19c2f5cd --- /dev/null +++ b/resources/lib/oojs-ui/i18n/co.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "Paulu" + ] + }, + "ooui-dialog-action-close": "Chjude", + "ooui-outline-control-move-down": "Fà falà l'ogettu", + "ooui-outline-control-move-up": "Fà cullà l'ogettu" +} diff --git a/resources/lib/oojs-ui/i18n/cs.json b/resources/lib/oojs-ui/i18n/cs.json new file mode 100644 index 00000000..a75cf0ba --- /dev/null +++ b/resources/lib/oojs-ui/i18n/cs.json @@ -0,0 +1,25 @@ +{ + "@metadata": { + "authors": [ + "Chmee2", + "Jkjk", + "Juandev", + "Koo6", + "Littledogboy", + "Michaelbrabec", + "Mormegil", + "Polda18", + "Tchoř", + "ශ්වෙත" + ] + }, + "ooui-outline-control-move-down": "Přesunout položku dolů", + "ooui-outline-control-move-up": "Přesunout položku nahoru", + "ooui-outline-control-remove": "Odstranit položku", + "ooui-toolbar-more": "Další", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Storno", + "ooui-dialog-process-error": "Něco se pokazilo", + "ooui-dialog-process-dismiss": "Zavřít", + "ooui-dialog-process-retry": "Zkusit znovu" +} diff --git a/resources/lib/oojs-ui/i18n/cu.json b/resources/lib/oojs-ui/i18n/cu.json new file mode 100644 index 00000000..45cd2012 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/cu.json @@ -0,0 +1,9 @@ +{ + "@metadata": { + "authors": [ + "ОйЛ" + ] + }, + "ooui-dialog-action-close": "ꙁакрꙑи", + "ooui-toolbar-more": "вѧщє" +} diff --git a/resources/lib/oojs-ui/i18n/cy.json b/resources/lib/oojs-ui/i18n/cy.json new file mode 100644 index 00000000..ff712519 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/cy.json @@ -0,0 +1,15 @@ +{ + "@metadata": { + "authors": [ + "Lloffiwr", + "Robin Owain", + "ОйЛ", + "DChan (WMF)" + ] + }, + "ooui-dialog-action-close": "Cau", + "ooui-outline-control-move-down": "Symud yr eitem i lawr", + "ooui-outline-control-move-up": "Symud yr eitem i fyny", + "ooui-outline-control-remove": "Tynnu'r eitem", + "ooui-toolbar-more": "Rhagor" +} diff --git a/resources/lib/oojs-ui/i18n/da.json b/resources/lib/oojs-ui/i18n/da.json new file mode 100644 index 00000000..156a6bc1 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/da.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Cgtdk", + "Christian List", + "EileenSanda", + "Laketown", + "Palnatoke", + "Simeondahl", + "Tehnix" + ] + }, + "ooui-dialog-action-close": "Luk", + "ooui-outline-control-move-down": "Flyt ned", + "ooui-outline-control-move-up": "Flyt op", + "ooui-toolbar-more": "Mere" +} diff --git a/resources/lib/oojs-ui/i18n/de.json b/resources/lib/oojs-ui/i18n/de.json new file mode 100644 index 00000000..546689b9 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/de.json @@ -0,0 +1,25 @@ +{ + "@metadata": { + "authors": [ + "APPER", + "G.Hagedorn", + "Inkowik", + "Jcornelius", + "Jdforrester", + "Kghbln", + "Metalhead64", + "Murma174", + "Se4598", + "Tomabrafix" + ] + }, + "ooui-outline-control-move-down": "Element nach unten verschieben", + "ooui-outline-control-move-up": "Element nach oben verschieben", + "ooui-outline-control-remove": "Element entfernen", + "ooui-toolbar-more": "Mehr", + "ooui-dialog-message-accept": "Okay", + "ooui-dialog-message-reject": "Abbrechen", + "ooui-dialog-process-error": "Etwas ist schief gelaufen", + "ooui-dialog-process-dismiss": "Ausblenden", + "ooui-dialog-process-retry": "Erneut versuchen" +} diff --git a/resources/lib/oojs-ui/i18n/diq.json b/resources/lib/oojs-ui/i18n/diq.json new file mode 100644 index 00000000..09415fd2 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/diq.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Erdemaslancan", + "Gorizon", + "Kghbln", + "Marmase", + "Mirzali", + "Se4598" + ] + }, + "ooui-dialog-action-close": "Racnê", + "ooui-outline-control-move-down": "Bendi bere cêr", + "ooui-outline-control-move-up": "Bendi bere cor", + "ooui-outline-control-remove": "Obcey wedare", + "ooui-toolbar-more": "Zewbi" +} diff --git a/resources/lib/oojs-ui/i18n/dsb.json b/resources/lib/oojs-ui/i18n/dsb.json new file mode 100644 index 00000000..d963ac89 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/dsb.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Michawiki" + ] + }, + "ooui-dialog-action-close": "Zacyniś", + "ooui-outline-control-move-down": "Element dołoj pśesunuś", + "ooui-outline-control-move-up": "Element górjej pśesunuś", + "ooui-outline-control-remove": "Zapisk wótpóraś", + "ooui-toolbar-more": "Wěcej" +} diff --git a/resources/lib/oojs-ui/i18n/egl.json b/resources/lib/oojs-ui/i18n/egl.json new file mode 100644 index 00000000..d4ef2d56 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/egl.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Lévi", + "Gloria sah" + ] + }, + "ooui-dialog-action-close": "Sèra", + "ooui-outline-control-move-down": "Spôsta in bâs", + "ooui-outline-control-move-up": "Spôsta in êlt", + "ooui-outline-control-remove": "Armōv l'elemèint", + "ooui-toolbar-more": "Êter", + "ooui-dialog-confirm-title": "Cunfermèr", + "ooui-dialog-confirm-default-prompt": "Sî-'v sicùr?", + "ooui-dialog-confirm-default-ok": "'D acòrdi", + "ooui-dialog-confirm-default-cancel": "Scanślèr" +} diff --git a/resources/lib/oojs-ui/i18n/el.json b/resources/lib/oojs-ui/i18n/el.json new file mode 100644 index 00000000..cddd46e6 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/el.json @@ -0,0 +1,23 @@ +{ + "@metadata": { + "authors": [ + "Astralnet", + "Dipa1965", + "Evropi", + "FocalPoint", + "Geraki", + "Glavkos", + "Nikosguard", + "Tifa93" + ] + }, + "ooui-outline-control-move-down": "Μετακίνηση στοιχείου προς τα κάτω", + "ooui-outline-control-move-up": "Μετακίνηση στοιχείου προς τα επάνω", + "ooui-outline-control-remove": "Αφαίρεση στοιχείου", + "ooui-toolbar-more": "Περισσότερα", + "ooui-dialog-message-accept": "ΟΚ", + "ooui-dialog-message-reject": "Ακύρωση", + "ooui-dialog-process-error": "Κάτι πήγε στραβά", + "ooui-dialog-process-dismiss": "Απόρριψη", + "ooui-dialog-process-retry": "Δοκιμάστε ξανά" +} diff --git a/resources/lib/oojs-ui/i18n/eml.json b/resources/lib/oojs-ui/i18n/eml.json new file mode 100644 index 00000000..0b54f41d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/eml.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Gloria sah", + "Lévi" + ] + }, + "ooui-dialog-action-close": "Sèra", + "ooui-outline-control-move-down": "Spôsta in bâs", + "ooui-outline-control-move-up": "Spôsta in êlta", + "ooui-outline-control-remove": "Tór vìa 'l elemèint", + "ooui-toolbar-more": "Êter", + "ooui-dialog-confirm-title": "Cunfirmèr", + "ooui-dialog-confirm-default-prompt": "Sî-'v sicùr?", + "ooui-dialog-confirm-default-ok": "'D acòrdi", + "ooui-dialog-confirm-default-cancel": "Scanślèr" +} diff --git a/resources/lib/oojs-ui/i18n/en.json b/resources/lib/oojs-ui/i18n/en.json new file mode 100644 index 00000000..9e99440c --- /dev/null +++ b/resources/lib/oojs-ui/i18n/en.json @@ -0,0 +1,28 @@ +{ + "@metadata": { + "authors": [ + "Trevor Parscal", + "Ed Sanders", + "James D. Forrester", + "Raimond Spekking", + "Erik Moeller", + "Moriel Schottlender", + "Yuki Shira", + "Siebrand Mazeland", + "Rob Moen", + "Timo Tijhof", + "Roan Kattouw", + "Christian Williams", + "Amir E. Aharoni" + ] + }, + "ooui-outline-control-move-down": "Move item down", + "ooui-outline-control-move-up": "Move item up", + "ooui-outline-control-remove": "Remove item", + "ooui-toolbar-more": "More", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Cancel", + "ooui-dialog-process-error": "Something went wrong", + "ooui-dialog-process-dismiss": "Dismiss", + "ooui-dialog-process-retry": "Try again" +} diff --git a/resources/lib/oojs-ui/i18n/eo.json b/resources/lib/oojs-ui/i18n/eo.json new file mode 100644 index 00000000..101f0af7 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/eo.json @@ -0,0 +1,14 @@ +{ + "@metadata": { + "authors": [ + "Happy5214", + "KuboF", + "Shirayuki", + "Yekrats" + ] + }, + "ooui-dialog-action-close": "Fermi", + "ooui-outline-control-move-down": "Movi eron suben", + "ooui-outline-control-move-up": "Movi eron supren", + "ooui-toolbar-more": "Pli" +} diff --git a/resources/lib/oojs-ui/i18n/es.json b/resources/lib/oojs-ui/i18n/es.json new file mode 100644 index 00000000..7660d4a9 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/es.json @@ -0,0 +1,30 @@ +{ + "@metadata": { + "authors": [ + "Armando-Martin", + "Aruizdr", + "Benfutbol10", + "DJ Nietzsche", + "Erdemaslancan", + "Fitoschido", + "Imre", + "Invadinado", + "Jdforrester", + "Jduranboger", + "PoLuX124", + "Ralgis", + "Thehelpfulone", + "Gloria sah", + "Macofe" + ] + }, + "ooui-outline-control-move-down": "Bajar elemento", + "ooui-outline-control-move-up": "Subir elemento", + "ooui-outline-control-remove": "Eliminar elemento", + "ooui-toolbar-more": "Más", + "ooui-dialog-message-accept": "Aceptar", + "ooui-dialog-message-reject": "Cancelar", + "ooui-dialog-process-error": "Algo salió mal", + "ooui-dialog-process-dismiss": "Descartar", + "ooui-dialog-process-retry": "Intentar de nuevo" +} diff --git a/resources/lib/oojs-ui/i18n/et.json b/resources/lib/oojs-ui/i18n/et.json new file mode 100644 index 00000000..ac3af74e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/et.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Avjoska", + "Pikne" + ] + }, + "ooui-outline-control-move-down": "Liiguta üksust allapoole", + "ooui-outline-control-move-up": "Liiguta üksust ülespoole", + "ooui-outline-control-remove": "Eemalda üksus", + "ooui-toolbar-more": "Veel", + "ooui-dialog-message-accept": "Sobib", + "ooui-dialog-message-reject": "Loobu", + "ooui-dialog-process-error": "Midagi läks valesti", + "ooui-dialog-process-dismiss": "Hülga", + "ooui-dialog-process-retry": "Proovi uuesti" +} diff --git a/resources/lib/oojs-ui/i18n/eu.json b/resources/lib/oojs-ui/i18n/eu.json new file mode 100644 index 00000000..f1ce0bba --- /dev/null +++ b/resources/lib/oojs-ui/i18n/eu.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "An13sa", + "Unai Fdz. de Betoño", + "Xabier Armendaritz" + ] + }, + "ooui-dialog-action-close": "Itxi", + "ooui-outline-control-move-down": "Mugitu itema beherantz", + "ooui-outline-control-move-up": "Mugitu itema gorantz", + "ooui-toolbar-more": "Gehiago" +} diff --git a/resources/lib/oojs-ui/i18n/fa.json b/resources/lib/oojs-ui/i18n/fa.json new file mode 100644 index 00000000..b0ec8030 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/fa.json @@ -0,0 +1,25 @@ +{ + "@metadata": { + "authors": [ + "Dalba", + "Ebraminio", + "Jdforrester", + "Ladsgroup", + "Mjbmr", + "Nojan Madinehi", + "Reza1615", + "Taha", + "درفش کاویانی", + "Armin1392" + ] + }, + "ooui-outline-control-move-down": "انتقال مورد به پایین", + "ooui-outline-control-move-up": "انتقال مورد به بالا", + "ooui-outline-control-remove": "حذف مورد", + "ooui-toolbar-more": "بیشتر", + "ooui-dialog-message-accept": "تأیید", + "ooui-dialog-message-reject": "لغو", + "ooui-dialog-process-error": "مشکلی وجود دارد", + "ooui-dialog-process-dismiss": "نپذیرفتن", + "ooui-dialog-process-retry": "دوباره امتحان کن" +} diff --git a/resources/lib/oojs-ui/i18n/fi.json b/resources/lib/oojs-ui/i18n/fi.json new file mode 100644 index 00000000..efaabed5 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/fi.json @@ -0,0 +1,28 @@ +{ + "@metadata": { + "authors": [ + "Beluga", + "Crt", + "Harriv", + "Linnea", + "Nedergard", + "Nike", + "Olli", + "Pxos", + "Samoasambia", + "Silvonen", + "Skalman", + "Stryn", + "VezonThunder" + ] + }, + "ooui-outline-control-move-down": "Siirrä kohdetta alaspäin", + "ooui-outline-control-move-up": "Siirrä kohdetta ylöspäin", + "ooui-outline-control-remove": "Poista kohde", + "ooui-toolbar-more": "Lisää", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Peruuta", + "ooui-dialog-process-error": "Jokin meni pieleen", + "ooui-dialog-process-dismiss": "Hylkää", + "ooui-dialog-process-retry": "Yritä uudelleen" +} diff --git a/resources/lib/oojs-ui/i18n/fo.json b/resources/lib/oojs-ui/i18n/fo.json new file mode 100644 index 00000000..1810080f --- /dev/null +++ b/resources/lib/oojs-ui/i18n/fo.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "EileenSanda" + ] + }, + "ooui-dialog-action-close": "Lat aftur", + "ooui-outline-control-move-down": "Flyt lutin niður", + "ooui-outline-control-move-up": "Flyt lutin upp", + "ooui-toolbar-more": "Meira" +} diff --git a/resources/lib/oojs-ui/i18n/fr.json b/resources/lib/oojs-ui/i18n/fr.json new file mode 100644 index 00000000..8ff54750 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/fr.json @@ -0,0 +1,41 @@ +{ + "@metadata": { + "authors": [ + "Automatik", + "Benoit Rochon", + "Boniface", + "Brunoperel", + "Crochet.david", + "DavidL", + "Dereckson", + "Gomoko", + "Guillom", + "Hello71", + "Jean-Frédéric", + "Linedwell", + "Ltrlg", + "Metroitendo", + "NemesisIII", + "Nicolas NALLET", + "Npettiaux", + "Rastus Vernon", + "Seb35", + "Sherbrooke", + "Tpt", + "Trizek", + "Urhixidur", + "Verdy p", + "Wyz", + "SnowedEarth" + ] + }, + "ooui-outline-control-move-down": "Faire descendre l’élément", + "ooui-outline-control-move-up": "Faire monter l’élément", + "ooui-outline-control-remove": "Supprimer l’élément", + "ooui-toolbar-more": "Plus", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Annuler", + "ooui-dialog-process-error": "Quelque chose a mal tourné", + "ooui-dialog-process-dismiss": "Rejeter", + "ooui-dialog-process-retry": "Réessayez" +} diff --git a/resources/lib/oojs-ui/i18n/frr.json b/resources/lib/oojs-ui/i18n/frr.json new file mode 100644 index 00000000..d98f4abd --- /dev/null +++ b/resources/lib/oojs-ui/i18n/frr.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "ChrisPtDe", + "Murma174" + ] + }, + "ooui-dialog-action-close": "Slütj", + "ooui-outline-control-move-down": "Element efter onern sküüw", + "ooui-outline-control-move-up": "Element efter boowen sküüw", + "ooui-outline-control-remove": "Element wechnem", + "ooui-toolbar-more": "Muar" +} diff --git a/resources/lib/oojs-ui/i18n/fur.json b/resources/lib/oojs-ui/i18n/fur.json new file mode 100644 index 00000000..e1c129b6 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/fur.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Klenje", + "Tocaibon" + ] + }, + "ooui-dialog-action-close": "Siere", + "ooui-outline-control-move-down": "sposte sot", + "ooui-outline-control-move-up": "sposte in su", + "ooui-toolbar-more": "Altri" +} diff --git a/resources/lib/oojs-ui/i18n/gd.json b/resources/lib/oojs-ui/i18n/gd.json new file mode 100644 index 00000000..6a83c9c0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/gd.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "GunChleoc" + ] + }, + "ooui-outline-control-move-down": "Gluais nì sìos", + "ooui-outline-control-move-up": "Gluais nì suas", + "ooui-outline-control-remove": "Thoir air falbh an nì", + "ooui-toolbar-more": "Barrachd", + "ooui-dialog-message-accept": "Ceart ma-thà", + "ooui-dialog-message-reject": "Sguir dheth" +} diff --git a/resources/lib/oojs-ui/i18n/gl.json b/resources/lib/oojs-ui/i18n/gl.json new file mode 100644 index 00000000..eac992fd --- /dev/null +++ b/resources/lib/oojs-ui/i18n/gl.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Alison", + "Kscanne", + "Toliño" + ] + }, + "ooui-outline-control-move-down": "Mover o elemento abaixo", + "ooui-outline-control-move-up": "Mover o elemento arriba", + "ooui-outline-control-remove": "Eliminar o elemento", + "ooui-toolbar-more": "Máis", + "ooui-dialog-message-accept": "Aceptar", + "ooui-dialog-message-reject": "Cancelar", + "ooui-dialog-process-error": "Algo foi mal", + "ooui-dialog-process-dismiss": "Agochar", + "ooui-dialog-process-retry": "Inténteo de novo" +} diff --git a/resources/lib/oojs-ui/i18n/gu.json b/resources/lib/oojs-ui/i18n/gu.json new file mode 100644 index 00000000..2d8315bf --- /dev/null +++ b/resources/lib/oojs-ui/i18n/gu.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Ashok modhvadia", + "KartikMistry", + "The Discoverer" + ] + }, + "ooui-outline-control-move-down": "વસ્તુ નીચે ખસેડો", + "ooui-outline-control-move-up": "વસ્તુ ઉપર ખસેડો", + "ooui-outline-control-remove": "વસ્તુ હટાવો", + "ooui-toolbar-more": "વધુ", + "ooui-dialog-message-accept": "બરાબર", + "ooui-dialog-message-reject": "રદ કરો", + "ooui-dialog-process-error": "કંઇક ગરબડ થઇ", + "ooui-dialog-process-retry": "ફરી પ્રયત્ન કરો" +} diff --git a/resources/lib/oojs-ui/i18n/he.json b/resources/lib/oojs-ui/i18n/he.json new file mode 100644 index 00000000..bbaf4c1f --- /dev/null +++ b/resources/lib/oojs-ui/i18n/he.json @@ -0,0 +1,27 @@ +{ + "@metadata": { + "authors": [ + "Amire80", + "ExampleTomer", + "Guycn2", + "Matanya", + "Mooeypoo", + "Orsa", + "Shimmin Beg", + "אור שפירא", + "חיים", + "ערן", + "פוילישער", + "קיפודנחש" + ] + }, + "ooui-outline-control-move-down": "להזיז את הפריט מטה", + "ooui-outline-control-move-up": "להזיז את הפריט מעלה", + "ooui-outline-control-remove": "להסיר את הפריט", + "ooui-toolbar-more": "עוד", + "ooui-dialog-message-accept": "אישור", + "ooui-dialog-message-reject": "ביטול", + "ooui-dialog-process-error": "משהו השתבש", + "ooui-dialog-process-dismiss": "לוותר", + "ooui-dialog-process-retry": "לנסות שוב" +} diff --git a/resources/lib/oojs-ui/i18n/hi.json b/resources/lib/oojs-ui/i18n/hi.json new file mode 100644 index 00000000..5a9bef0d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/hi.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "Ansumang", + "Devayon", + "Rajesh", + "Siddhartha Ghai", + "Goelujjwal" + ] + }, + "ooui-dialog-action-close": "बंद करें", + "ooui-outline-control-move-down": "प्रविष्टि नीचे ले जाएँ", + "ooui-outline-control-move-up": "प्रविष्टि ऊपर ले जाएँ", + "ooui-outline-control-remove": "आइटम हटाएँ", + "ooui-toolbar-more": "अधिक" +} diff --git a/resources/lib/oojs-ui/i18n/hr.json b/resources/lib/oojs-ui/i18n/hr.json new file mode 100644 index 00000000..c3724cfa --- /dev/null +++ b/resources/lib/oojs-ui/i18n/hr.json @@ -0,0 +1,19 @@ +{ + "@metadata": { + "authors": [ + "MaGa", + "Roberta F.", + "SpeedyGonsales", + "Zeljko.filipin" + ] + }, + "ooui-outline-control-move-down": "Premjesti stavku dolje", + "ooui-outline-control-move-up": "Premjesti stavku gore", + "ooui-outline-control-remove": "Ukloni", + "ooui-toolbar-more": "Više", + "ooui-dialog-message-accept": "U redu", + "ooui-dialog-message-reject": "Odustani", + "ooui-dialog-process-error": "Nešto je pošlo po zlu", + "ooui-dialog-process-dismiss": "Zatvori", + "ooui-dialog-process-retry": "Pokušajte ponovo" +} diff --git a/resources/lib/oojs-ui/i18n/hsb.json b/resources/lib/oojs-ui/i18n/hsb.json new file mode 100644 index 00000000..371b4f35 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/hsb.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "J budissin", + "Michawiki" + ] + }, + "ooui-dialog-action-close": "Začinić", + "ooui-outline-control-move-down": "Zapisk dele přesunyć", + "ooui-outline-control-move-up": "Zapisk horje přesunyć", + "ooui-outline-control-remove": "Zapisk wotstronić", + "ooui-toolbar-more": "Wjace" +} diff --git a/resources/lib/oojs-ui/i18n/hu.json b/resources/lib/oojs-ui/i18n/hu.json new file mode 100644 index 00000000..9117a05e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/hu.json @@ -0,0 +1,20 @@ +{ + "@metadata": { + "authors": [ + "Dj", + "Einstein2", + "Misibacsi", + "ViDam", + "Tacsipacsi", + "Csega" + ] + }, + "ooui-outline-control-move-down": "Elem mozgatása lefelé", + "ooui-outline-control-move-up": "Elem mozgatása felfelé", + "ooui-outline-control-remove": "Elem eltávolítása", + "ooui-toolbar-more": "Tovább...", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Mégse", + "ooui-dialog-process-dismiss": "Elrejt", + "ooui-dialog-process-retry": "Próbáld újra" +} diff --git a/resources/lib/oojs-ui/i18n/hy.json b/resources/lib/oojs-ui/i18n/hy.json new file mode 100644 index 00000000..ebb28609 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/hy.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Vacio", + "Xelgen", + "Դավիթ Սարոյան" + ] + }, + "ooui-outline-control-move-down": "Իջեցնել կետը", + "ooui-outline-control-move-up": "Բարձրացնել կետը", + "ooui-outline-control-remove": "Հեռացնել տարրը", + "ooui-toolbar-more": "Ավելին", + "ooui-dialog-message-accept": "Լավ", + "ooui-dialog-message-reject": "Չեղարկել", + "ooui-dialog-process-error": "Ինչ-որ սխալ է տեղի ունեցել", + "ooui-dialog-process-dismiss": "Փակել", + "ooui-dialog-process-retry": "Կրկին փորձել" +} diff --git a/resources/lib/oojs-ui/i18n/ia.json b/resources/lib/oojs-ui/i18n/ia.json new file mode 100644 index 00000000..b374b6f6 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ia.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "McDutchie" + ] + }, + "ooui-outline-control-move-down": "Displaciar elemento in basso", + "ooui-outline-control-move-up": "Displaciar elemento in alto", + "ooui-outline-control-remove": "Remover elemento", + "ooui-toolbar-more": "Plus", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Cancellar", + "ooui-dialog-process-error": "Qualcosa ha vadite mal", + "ooui-dialog-process-dismiss": "Clauder", + "ooui-dialog-process-retry": "Reprobar" +} diff --git a/resources/lib/oojs-ui/i18n/id.json b/resources/lib/oojs-ui/i18n/id.json new file mode 100644 index 00000000..1710bc66 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/id.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Farras", + "Ilham151096", + "Iwan Novirion", + "Iyan", + "Kenrick95", + "McDutchie", + "Rv77ax", + "William Surya Permana" + ] + }, + "ooui-dialog-action-close": "Tutup", + "ooui-outline-control-move-down": "Pindahkan butir ke bawah", + "ooui-outline-control-move-up": "Pindahkan butir ke atas", + "ooui-toolbar-more": "Lainnya" +} diff --git a/resources/lib/oojs-ui/i18n/ie.json b/resources/lib/oojs-ui/i18n/ie.json new file mode 100644 index 00000000..4a9f1c46 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ie.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Makuba" + ] + }, + "ooui-dialog-action-close": "Terminar", + "ooui-outline-control-move-down": "Mover element a infra", + "ooui-outline-control-move-up": "Mover element a supra", + "ooui-toolbar-more": "Plu" +} diff --git a/resources/lib/oojs-ui/i18n/ilo.json b/resources/lib/oojs-ui/i18n/ilo.json new file mode 100644 index 00000000..81a91ed4 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ilo.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "Lam-ang" + ] + }, + "ooui-outline-control-move-down": "Ipababa ti banag", + "ooui-outline-control-move-up": "Ipangato ti banag", + "ooui-outline-control-remove": "Ikkaten ti banag", + "ooui-toolbar-more": "Adu pay", + "ooui-dialog-message-accept": "Sige", + "ooui-dialog-message-reject": "Ukasen", + "ooui-dialog-process-error": "Adda madi a napasamak", + "ooui-dialog-process-dismiss": "Pugsayen", + "ooui-dialog-process-retry": "Padasen manen" +} diff --git a/resources/lib/oojs-ui/i18n/is.json b/resources/lib/oojs-ui/i18n/is.json new file mode 100644 index 00000000..58fc1b88 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/is.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Maxí", + "Snævar" + ] + }, + "ooui-dialog-action-close": "Loka", + "ooui-outline-control-move-down": "Færa atriði niður", + "ooui-outline-control-move-up": "Færa atriði upp", + "ooui-toolbar-more": "Fleira" +} diff --git a/resources/lib/oojs-ui/i18n/it.json b/resources/lib/oojs-ui/i18n/it.json new file mode 100644 index 00000000..3d4e0490 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/it.json @@ -0,0 +1,27 @@ +{ + "@metadata": { + "authors": [ + "Beta16", + "Darth Kule", + "Doc.mari", + "Eleonora negri", + "Elitre", + "F. Cosoleto", + "FRacco", + "Gianfranco", + "Minerva Titani", + "Raoli", + "Una giornata uggiosa '94", + "Ontsed" + ] + }, + "ooui-outline-control-move-down": "Sposta in basso", + "ooui-outline-control-move-up": "Sposta in alto", + "ooui-outline-control-remove": "Rimuovi elemento", + "ooui-toolbar-more": "Altro", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Annulla", + "ooui-dialog-process-error": "Qualcosa è andato storto", + "ooui-dialog-process-dismiss": "Nascondi", + "ooui-dialog-process-retry": "Riprova" +} diff --git a/resources/lib/oojs-ui/i18n/ja.json b/resources/lib/oojs-ui/i18n/ja.json new file mode 100644 index 00000000..2ac8dc19 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ja.json @@ -0,0 +1,20 @@ +{ + "@metadata": { + "authors": [ + "Fryed-peach", + "Miya", + "Penn Station", + "Shirayuki", + "Takot" + ] + }, + "ooui-outline-control-move-down": "項目を下に移動させる", + "ooui-outline-control-move-up": "項目を上に移動させる", + "ooui-outline-control-remove": "項目を除去", + "ooui-toolbar-more": "その他", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "キャンセル", + "ooui-dialog-process-error": "エラーが発生しました…", + "ooui-dialog-process-dismiss": "閉じる", + "ooui-dialog-process-retry": "もう一度お試しください" +} diff --git a/resources/lib/oojs-ui/i18n/jv.json b/resources/lib/oojs-ui/i18n/jv.json new file mode 100644 index 00000000..38d35f79 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/jv.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Gleki", + "NoiX180", + "Pras" + ] + }, + "ooui-dialog-action-close": "Tutup", + "ooui-outline-control-move-down": "Pindhahaken butir mangandhap" +} diff --git a/resources/lib/oojs-ui/i18n/ka.json b/resources/lib/oojs-ui/i18n/ka.json new file mode 100644 index 00000000..ef59f1b3 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ka.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "BRUTE", + "David1010", + "Gleki", + "ITshnik", + "MIKHEIL", + "NoiX180", + "Pras", + "Tokoko" + ] + }, + "ooui-dialog-action-close": "დახურვა", + "ooui-outline-control-move-down": "ელემენტის ქვემოთ გადატანა", + "ooui-outline-control-move-up": "ელემენტის ზემოთ გადატანა", + "ooui-toolbar-more": "მეტი" +} diff --git a/resources/lib/oojs-ui/i18n/kk-cyrl.json b/resources/lib/oojs-ui/i18n/kk-cyrl.json new file mode 100644 index 00000000..c1a0f192 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/kk-cyrl.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Arystanbek" + ] + }, + "ooui-dialog-action-close": "Жабу", + "ooui-outline-control-move-down": "Элементті төмен жылжыту", + "ooui-outline-control-move-up": "Элементті жоғары жылжыту", + "ooui-outline-control-remove": "Элементті алып тастау", + "ooui-toolbar-more": "толығырақ" +} diff --git a/resources/lib/oojs-ui/i18n/km.json b/resources/lib/oojs-ui/i18n/km.json new file mode 100644 index 00000000..f7bfca50 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/km.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Sovichet" + ] + }, + "ooui-dialog-action-close": "បិទ", + "ooui-outline-control-move-down": "រុញទៅក្រោម", + "ooui-outline-control-move-up": "រុញទៅលើ", + "ooui-outline-control-remove": "ដកវត្ថុចេញ", + "ooui-toolbar-more": "បន្ថែម" +} diff --git a/resources/lib/oojs-ui/i18n/kn.json b/resources/lib/oojs-ui/i18n/kn.json new file mode 100644 index 00000000..0b89e37d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/kn.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Vikassy", + "Nayvik" + ] + }, + "ooui-outline-control-move-down": "ವಸ್ತು ಕೆಲ್ಗೆ ಸ್ಥಲಾನ್ಥರಿಸು", + "ooui-outline-control-move-up": "ವಸ್ತು ಮೆಲೆ ಸ್ಥಲಾನ್ಥರಿಸು", + "ooui-outline-control-remove": "ವಸ್ತು ತೆಗೆ", + "ooui-toolbar-more": "ಹೆಚ್ಚು", + "ooui-dialog-message-accept": "ಸರಿ", + "ooui-dialog-message-reject": "ರದ್ದು", + "ooui-dialog-process-error": "ಎನೋ ಎಡವಟ್ಟಾಗಿದೆ....", + "ooui-dialog-process-dismiss": "ತೆಗೆದುಹಾಕು", + "ooui-dialog-process-retry": "ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಿ" +} diff --git a/resources/lib/oojs-ui/i18n/ko.json b/resources/lib/oojs-ui/i18n/ko.json new file mode 100644 index 00000000..82d91ab3 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ko.json @@ -0,0 +1,22 @@ +{ + "@metadata": { + "authors": [ + "Freebiekr", + "Hym411", + "Kwj2772", + "LFM", + "아라", + "고기랑", + "Ryuch" + ] + }, + "ooui-outline-control-move-down": "항목을 아래로 옮기기", + "ooui-outline-control-move-up": "항목을 위로 옮기기", + "ooui-outline-control-remove": "항목 지우기", + "ooui-toolbar-more": "더 보기", + "ooui-dialog-message-accept": "확인", + "ooui-dialog-message-reject": "취소", + "ooui-dialog-process-error": "무언가가 잘못되었습니다", + "ooui-dialog-process-dismiss": "숨기기", + "ooui-dialog-process-retry": "다시 시도하세요" +} diff --git a/resources/lib/oojs-ui/i18n/krc.json b/resources/lib/oojs-ui/i18n/krc.json new file mode 100644 index 00000000..18c66e93 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/krc.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Iltever" + ] + }, + "ooui-dialog-action-close": "Джаб", + "ooui-outline-control-move-down": "Элементни тюбюне кёчюр", + "ooui-outline-control-move-up": "Элементни башына кёчюр", + "ooui-outline-control-remove": "Пунктну кетер", + "ooui-toolbar-more": "Энтда" +} diff --git a/resources/lib/oojs-ui/i18n/kw.json b/resources/lib/oojs-ui/i18n/kw.json new file mode 100644 index 00000000..c7f28876 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/kw.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "George Animal", + "Nrowe", + "Purodha" + ] + }, + "ooui-dialog-action-close": "Degea" +} diff --git a/resources/lib/oojs-ui/i18n/ky.json b/resources/lib/oojs-ui/i18n/ky.json new file mode 100644 index 00000000..7c6b994e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ky.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Chorobek", + "George Animal", + "Nrowe", + "Tynchtyk Chorotegin", + "Викиней" + ] + }, + "ooui-dialog-action-close": "Жабуу" +} diff --git a/resources/lib/oojs-ui/i18n/lb.json b/resources/lib/oojs-ui/i18n/lb.json new file mode 100644 index 00000000..1cbcb8ad --- /dev/null +++ b/resources/lib/oojs-ui/i18n/lb.json @@ -0,0 +1,22 @@ +{ + "@metadata": { + "authors": [ + "Autokrator", + "Chorobek", + "Robby", + "Soued031", + "Tynchtyk Chorotegin", + "UV", + "Викиней" + ] + }, + "ooui-outline-control-move-down": "Element erof réckelen", + "ooui-outline-control-move-up": "Element erop réckelen", + "ooui-outline-control-remove": "Element ewechhuelen", + "ooui-toolbar-more": "Méi", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Ofbriechen", + "ooui-dialog-process-error": "Et ass eppes schif gaang", + "ooui-dialog-process-dismiss": "Verwerfen", + "ooui-dialog-process-retry": "Nach eng Kéier probéieren" +} diff --git a/resources/lib/oojs-ui/i18n/lmo.json b/resources/lib/oojs-ui/i18n/lmo.json new file mode 100644 index 00000000..3156e84e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/lmo.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Ninonino" + ] + }, + "ooui-dialog-action-close": "Sèra", + "ooui-outline-control-move-down": "Spòsta 'n zó", + "ooui-outline-control-move-up": "Spòsta 'n sö", + "ooui-toolbar-more": "Amò" +} diff --git a/resources/lib/oojs-ui/i18n/lt.json b/resources/lib/oojs-ui/i18n/lt.json new file mode 100644 index 00000000..e2957044 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/lt.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Audriusa", + "Eitvys200", + "Mantak111" + ] + }, + "ooui-dialog-action-close": "Uždaryti", + "ooui-outline-control-remove": "Šalinti elementus" +} diff --git a/resources/lib/oojs-ui/i18n/lv.json b/resources/lib/oojs-ui/i18n/lv.json new file mode 100644 index 00000000..32fc9fe5 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/lv.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Admresdeserv.", + "Audriusa", + "Eitvys200", + "Papuass", + "PeterisP" + ] + }, + "ooui-outline-control-move-down": "Pārvietot vienumu uz leju", + "ooui-outline-control-move-up": "Pārvietot vienumu uz augšu", + "ooui-toolbar-more": "Vairāk", + "ooui-dialog-message-accept": "Labi", + "ooui-dialog-message-reject": "Atcelt", + "ooui-dialog-process-retry": "Mēģināt vēlreiz" +} diff --git a/resources/lib/oojs-ui/i18n/lzh.json b/resources/lib/oojs-ui/i18n/lzh.json new file mode 100644 index 00000000..f296c3a4 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/lzh.json @@ -0,0 +1,8 @@ +{ + "@metadata": { + "authors": [ + "Joe young yu" + ] + }, + "ooui-dialog-confirm-default-ok": "可" +} diff --git a/resources/lib/oojs-ui/i18n/mg.json b/resources/lib/oojs-ui/i18n/mg.json new file mode 100644 index 00000000..2f276149 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/mg.json @@ -0,0 +1,8 @@ +{ + "@metadata": { + "authors": [ + "Jagwar" + ] + }, + "ooui-dialog-action-close": "Hidiana" +} diff --git a/resources/lib/oojs-ui/i18n/min.json b/resources/lib/oojs-ui/i18n/min.json new file mode 100644 index 00000000..6dfe34a1 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/min.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Iwan Novirion", + "Jagwar" + ] + }, + "ooui-dialog-action-close": "Tutuik", + "ooui-outline-control-move-down": "Pindahan ko ka bawah", + "ooui-outline-control-move-up": "Pindahan ko ka ateh", + "ooui-outline-control-remove": "Hapuih ko", + "ooui-toolbar-more": "Lainnyo", + "ooui-dialog-confirm-title": "Pastian", + "ooui-dialog-confirm-default-prompt": "Yakin?", + "ooui-dialog-confirm-default-ok": "Yo", + "ooui-dialog-confirm-default-cancel": "Batal" +} diff --git a/resources/lib/oojs-ui/i18n/mk.json b/resources/lib/oojs-ui/i18n/mk.json new file mode 100644 index 00000000..d628034b --- /dev/null +++ b/resources/lib/oojs-ui/i18n/mk.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Bjankuloski06", + "Brest", + "Iwan Novirion" + ] + }, + "ooui-outline-control-move-down": "Помести надолу", + "ooui-outline-control-move-up": "Помести нагоре", + "ooui-outline-control-remove": "Отстрани ставка", + "ooui-toolbar-more": "Повеќе", + "ooui-dialog-message-accept": "ОК", + "ooui-dialog-message-reject": "Откажи", + "ooui-dialog-process-error": "Нешто не е во ред", + "ooui-dialog-process-dismiss": "Тргни", + "ooui-dialog-process-retry": "Обиди се пак" +} diff --git a/resources/lib/oojs-ui/i18n/ml.json b/resources/lib/oojs-ui/i18n/ml.json new file mode 100644 index 00000000..48b05f58 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ml.json @@ -0,0 +1,14 @@ +{ + "@metadata": { + "authors": [ + "Kavya Manohar", + "Praveenp", + "Santhosh.thottingal", + "Vssun" + ] + }, + "ooui-dialog-action-close": "അടയ്ക്കുക", + "ooui-outline-control-move-down": "ഇനം താഴേയ്ക്ക് മാറ്റുക", + "ooui-outline-control-move-up": "ഇനം മുകളിലേയ്ക്ക് മാറ്റുക", + "ooui-toolbar-more": "കൂടുതൽ" +} diff --git a/resources/lib/oojs-ui/i18n/mr.json b/resources/lib/oojs-ui/i18n/mr.json new file mode 100644 index 00000000..618b5dc0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/mr.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "Kaajawa", + "Mahitgar", + "Praju23", + "V.narsikar", + "Ydyashad", + "संतोष दहिवळ" + ] + }, + "ooui-dialog-action-close": "बंद करा", + "ooui-outline-control-move-down": "घटक (आयटम) खाली सरकवा", + "ooui-outline-control-move-up": "घटक (आयटम) वर सरकवा", + "ooui-toolbar-more": "अधिक" +} diff --git a/resources/lib/oojs-ui/i18n/ms.json b/resources/lib/oojs-ui/i18n/ms.json new file mode 100644 index 00000000..823d4936 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ms.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Anakmalaysia", + "Aurora", + "Pizza1016" + ] + }, + "ooui-outline-control-move-down": "Alihkan perkara ke bawah", + "ooui-outline-control-move-up": "Alihkan perkara ke atas", + "ooui-outline-control-remove": "Buang perkara", + "ooui-toolbar-more": "Selebihnya", + "ooui-dialog-message-reject": "Batal", + "ooui-dialog-process-error": "Ada masalah", + "ooui-dialog-process-dismiss": "Singkir", + "ooui-dialog-process-retry": "Cuba lagi" +} diff --git a/resources/lib/oojs-ui/i18n/nap.json b/resources/lib/oojs-ui/i18n/nap.json new file mode 100644 index 00000000..2cee4137 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/nap.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Chelin", + "Chrisportelli", + "PiRSquared17" + ] + }, + "ooui-dialog-action-close": "Chiure", + "ooui-toolbar-more": "Atro" +} diff --git a/resources/lib/oojs-ui/i18n/nb.json b/resources/lib/oojs-ui/i18n/nb.json new file mode 100644 index 00000000..3fe75e3f --- /dev/null +++ b/resources/lib/oojs-ui/i18n/nb.json @@ -0,0 +1,21 @@ +{ + "@metadata": { + "authors": [ + "Danmichaelo", + "Event", + "Jeblad", + "Laaknor", + "Njardarlogar", + "Jdforrester" + ] + }, + "ooui-outline-control-move-down": "Flytt ned", + "ooui-outline-control-move-up": "Flytt opp", + "ooui-outline-control-remove": "Fjern element", + "ooui-toolbar-more": "Mer", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Avbryt", + "ooui-dialog-process-error": "Noe gikk galt", + "ooui-dialog-process-dismiss": "Lukk", + "ooui-dialog-process-retry": "Prøv igjen" +} diff --git a/resources/lib/oojs-ui/i18n/nds-nl.json b/resources/lib/oojs-ui/i18n/nds-nl.json new file mode 100644 index 00000000..e8f0c83d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/nds-nl.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "Servien" + ] + }, + "ooui-dialog-action-close": "Sluten", + "ooui-outline-control-move-down": "Onderwarp ummeneer zetten", + "ooui-outline-control-move-up": "Onderwarp umhoge zetten" +} diff --git a/resources/lib/oojs-ui/i18n/nds.json b/resources/lib/oojs-ui/i18n/nds.json new file mode 100644 index 00000000..c5d16ba0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/nds.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Zylbath" + ] + }, + "ooui-dialog-action-close": "Dichtmaken", + "ooui-outline-control-move-down": "Element na ünnen schuven", + "ooui-outline-control-move-up": "Element na baven schuven", + "ooui-toolbar-more": "Mehr" +} diff --git a/resources/lib/oojs-ui/i18n/ne.json b/resources/lib/oojs-ui/i18n/ne.json new file mode 100644 index 00000000..da4b829d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ne.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "RajeshPandey", + "सरोज कुमार ढकाल", + "Ganesh Paudel" + ] + }, + "ooui-dialog-action-close": "बन्द गर्ने", + "ooui-outline-control-move-down": "वस्तुलाई तल सार्ने", + "ooui-outline-control-move-up": "वस्तुलाई माथि सार्ने", + "ooui-outline-control-remove": "वस्तुलाई हटाउने", + "ooui-toolbar-more": "थप", + "ooui-dialog-confirm-title": "निश्चित गर्ने", + "ooui-dialog-confirm-default-prompt": "निश्चित हुनुहुन्छ ?", + "ooui-dialog-confirm-default-ok": "हुन्छ", + "ooui-dialog-confirm-default-cancel": "रद्द गर्ने" +} diff --git a/resources/lib/oojs-ui/i18n/nl.json b/resources/lib/oojs-ui/i18n/nl.json new file mode 100644 index 00000000..a7b4c084 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/nl.json @@ -0,0 +1,32 @@ +{ + "@metadata": { + "authors": [ + "Bluyten", + "Breghtje", + "Catrope", + "Flightmare", + "Hansmuller", + "Jdforrester", + "Keegan", + "Konovalov", + "RajeshPandey", + "Romaine", + "SPQRobin", + "Saruman", + "Siebrand", + "Southparkfan", + "सरोज कुमार ढकाल", + "Sjoerddebruin", + "Gloria sah" + ] + }, + "ooui-outline-control-move-down": "Item omlaag verplaatsen", + "ooui-outline-control-move-up": "Item omhoog verplaatsen", + "ooui-outline-control-remove": "Item verwijderen", + "ooui-toolbar-more": "Meer", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Annuleren", + "ooui-dialog-process-error": "Er is iets misgegaan", + "ooui-dialog-process-dismiss": "Sluiten", + "ooui-dialog-process-retry": "Opnieuw proberen" +} diff --git a/resources/lib/oojs-ui/i18n/nn.json b/resources/lib/oojs-ui/i18n/nn.json new file mode 100644 index 00000000..07a40b17 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/nn.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Jeblad", + "Njardarlogar" + ] + }, + "ooui-dialog-action-close": "Lat att", + "ooui-outline-control-move-down": "Flytt element ned", + "ooui-outline-control-move-up": "Flytt element opp", + "ooui-toolbar-more": "Fleire" +} diff --git a/resources/lib/oojs-ui/i18n/oc.json b/resources/lib/oojs-ui/i18n/oc.json new file mode 100644 index 00000000..a7f43a3e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/oc.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "Cedric31", + "Gloria sah" + ] + }, + "ooui-dialog-action-close": "Tampar", + "ooui-outline-control-move-down": "Far davalar l’element", + "ooui-outline-control-move-up": "Far montar l’element", + "ooui-outline-control-remove": "Suprimir l’element", + "ooui-toolbar-more": "Mai", + "ooui-dialog-confirm-title": "Confirmar", + "ooui-dialog-confirm-default-prompt": "Sètz segur ?", + "ooui-dialog-confirm-default-cancel": "Anullar" +} diff --git a/resources/lib/oojs-ui/i18n/om.json b/resources/lib/oojs-ui/i18n/om.json new file mode 100644 index 00000000..c62782ef --- /dev/null +++ b/resources/lib/oojs-ui/i18n/om.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "Cedric31", + "Tumsaa" + ] + }, + "ooui-outline-control-move-down": "Gad buusi", + "ooui-outline-control-move-up": "Ol baasi", + "ooui-outline-control-remove": "Balleessi", + "ooui-toolbar-more": "Dabalata", + "ooui-dialog-message-accept": "Tole", + "ooui-dialog-message-reject": "Dhiisi", + "ooui-dialog-process-error": "Dogoggorri wayii ummameera", + "ooui-dialog-process-dismiss": "Didi", + "ooui-dialog-process-retry": "Itti deebi'ii yaali" +} diff --git a/resources/lib/oojs-ui/i18n/or.json b/resources/lib/oojs-ui/i18n/or.json new file mode 100644 index 00000000..a7083ae1 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/or.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "Odisha1", + "Psubhashish", + "ଶିତିକଣ୍ଠ ଦାଶ" + ] + }, + "ooui-dialog-action-close": "ବନ୍ଦ କରିବେ" +} diff --git a/resources/lib/oojs-ui/i18n/pa.json b/resources/lib/oojs-ui/i18n/pa.json new file mode 100644 index 00000000..8f75286d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/pa.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Amikeco", + "Babanwalia", + "Bouron", + "Nasir8891" + ] + }, + "ooui-dialog-action-close": "বন্ধ" +} diff --git a/resources/lib/oojs-ui/i18n/pfl.json b/resources/lib/oojs-ui/i18n/pfl.json new file mode 100644 index 00000000..b51f70dc --- /dev/null +++ b/resources/lib/oojs-ui/i18n/pfl.json @@ -0,0 +1,15 @@ +{ + "@metadata": { + "authors": [ + "Manuae" + ] + }, + "ooui-dialog-action-close": "Schließe", + "ooui-outline-control-move-down": "Bweeschs nunna", + "ooui-outline-control-move-up": "Bweeschs nuff", + "ooui-outline-control-remove": "Leschs", + "ooui-toolbar-more": "Mea", + "ooui-dialog-confirm-default-prompt": "Bischda sischa?", + "ooui-dialog-confirm-default-ok": "OK", + "ooui-dialog-confirm-default-cancel": "Abbresche" +} diff --git a/resources/lib/oojs-ui/i18n/pl.json b/resources/lib/oojs-ui/i18n/pl.json new file mode 100644 index 00000000..7978673b --- /dev/null +++ b/resources/lib/oojs-ui/i18n/pl.json @@ -0,0 +1,31 @@ +{ + "@metadata": { + "authors": [ + "Babanwalia", + "Chrumps", + "Matma Rex", + "Mikołka", + "Nasir8891", + "Odie2", + "Rzuwig", + "Tar Lócesilion", + "Ty221", + "WTM", + "Woytecr", + "Wpedzich", + "Jacenty359", + "Matik7", + "Gloria sah", + "Andrzej aa" + ] + }, + "ooui-outline-control-move-down": "Przenieś niżej", + "ooui-outline-control-move-up": "Przenieś wyżej", + "ooui-outline-control-remove": "Usuń element", + "ooui-toolbar-more": "Więcej", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Anuluj", + "ooui-dialog-process-error": "Coś poszło nie tak", + "ooui-dialog-process-dismiss": "Ukryj", + "ooui-dialog-process-retry": "Spróbuj ponownie" +} diff --git a/resources/lib/oojs-ui/i18n/pms.json b/resources/lib/oojs-ui/i18n/pms.json new file mode 100644 index 00000000..a202a02d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/pms.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "Borichèt", + "Dragonòt", + "පසිඳු කාවින්ද" + ] + }, + "ooui-dialog-action-close": "Saré", + "ooui-outline-control-move-down": "Fé calé giù l'element", + "ooui-outline-control-move-up": "Fé monté l'element", + "ooui-toolbar-more": "Ëd pi" +} diff --git a/resources/lib/oojs-ui/i18n/ps.json b/resources/lib/oojs-ui/i18n/ps.json new file mode 100644 index 00000000..06d3b879 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ps.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Ahmed-Najib-Biabani-Ibrahimkhel" + ] + }, + "ooui-dialog-action-close": "تړل", + "ooui-outline-control-move-down": "توکی ښکته راوړل", + "ooui-outline-control-move-up": "توکی پورته راوړل", + "ooui-toolbar-more": "نور" +} diff --git a/resources/lib/oojs-ui/i18n/pt-br.json b/resources/lib/oojs-ui/i18n/pt-br.json new file mode 100644 index 00000000..a8cced8a --- /dev/null +++ b/resources/lib/oojs-ui/i18n/pt-br.json @@ -0,0 +1,19 @@ +{ + "@metadata": { + "authors": [ + "Cainamarques", + "Dianakc", + "Fúlvio", + "Helder.wiki", + "HenriqueCrang", + "Jaideraf", + "Luckas", + "OTAVIO1981", + 555 + ] + }, + "ooui-dialog-action-close": "Fechar", + "ooui-outline-control-move-down": "Mover item para baixo", + "ooui-outline-control-move-up": "Mover item para cima", + "ooui-toolbar-more": "Mais" +} diff --git a/resources/lib/oojs-ui/i18n/pt.json b/resources/lib/oojs-ui/i18n/pt.json new file mode 100644 index 00000000..5cb3e3d8 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/pt.json @@ -0,0 +1,25 @@ +{ + "@metadata": { + "authors": [ + "Cainamarques", + "Fúlvio", + "GoEThe", + "Hamilton Abreu", + "Helder.wiki", + "Jaideraf", + "Jdforrester", + "Luckas", + "Vitorvicentevalente", + "SandroHc" + ] + }, + "ooui-outline-control-move-down": "Mover item para baixo", + "ooui-outline-control-move-up": "Mover item para cima", + "ooui-outline-control-remove": "Remover elemento", + "ooui-toolbar-more": "Mais", + "ooui-dialog-message-accept": "Aceitar", + "ooui-dialog-message-reject": "Cancelar", + "ooui-dialog-process-error": "Algo correu mal", + "ooui-dialog-process-dismiss": "Ignorar", + "ooui-dialog-process-retry": "Tentar novamente" +} diff --git a/resources/lib/oojs-ui/i18n/qqq.json b/resources/lib/oojs-ui/i18n/qqq.json new file mode 100644 index 00000000..9b3bb605 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/qqq.json @@ -0,0 +1,32 @@ +{ + "@metadata": { + "authors": [ + "Amire80", + "Beta16", + "Erik Moeller", + "Jdforrester", + "Lloffiwr", + "Mooeypoo", + "Mormegil", + "Nike", + "PoLuX124", + "Purodha", + "Raymond", + "Sagan", + "Sayak Sarkar", + "Shirayuki", + "Siebrand", + "Trevor Parscal", + "Liuxinyu970226" + ] + }, + "ooui-outline-control-move-down": "Tool tip for a button that moves items in a list down one place", + "ooui-outline-control-move-up": "Tool tip for a button that moves items in a list up one place", + "ooui-outline-control-remove": "Tool tip for a button that removes items from a list.\n{{Identical|Remove item}}", + "ooui-toolbar-more": "Label for the toolbar group that contains a list of all other available tools.\n{{Identical|More}}", + "ooui-dialog-message-accept": "Default label for the accept button of a message dialog\n{{Identical|OK}}", + "ooui-dialog-message-reject": "Default label for the reject button of a message dialog\n{{Identical|Cancel}}", + "ooui-dialog-process-error": "Title for process dialog error description", + "ooui-dialog-process-dismiss": "Label for process dialog dismiss error button, visible when describing errors\n{{Identical|Dismiss}}", + "ooui-dialog-process-retry": "Label for process dialog retry action button, visible when describing recoverable errors\n{{Identical|Try again}}" +} diff --git a/resources/lib/oojs-ui/i18n/qu.json b/resources/lib/oojs-ui/i18n/qu.json new file mode 100644 index 00000000..5141f342 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/qu.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "AlimanRuna", + "Jduranboger" + ] + }, + "ooui-dialog-action-close": "Wichq'ay", + "ooui-outline-control-move-down": "Qallawata uraykuchiy", + "ooui-outline-control-move-up": "Qallawata huqariy", + "ooui-outline-control-remove": "P'anqa sutikunata qichuy", + "ooui-toolbar-more": "Aswan" +} diff --git a/resources/lib/oojs-ui/i18n/ro.json b/resources/lib/oojs-ui/i18n/ro.json new file mode 100644 index 00000000..06e0f1de --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ro.json @@ -0,0 +1,20 @@ +{ + "@metadata": { + "authors": [ + "AlimanRuna", + "Firilacroco", + "Minisarm", + "Stelistcristi", + "Gloria sah" + ] + }, + "ooui-outline-control-move-down": "Mută elementul mai jos", + "ooui-outline-control-move-up": "Mută elementul mai sus", + "ooui-outline-control-remove": "Elimină elementul", + "ooui-toolbar-more": "Mai mult", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Revocare", + "ooui-dialog-process-error": "Ceva nu a funcționat", + "ooui-dialog-process-dismiss": "Renunțare", + "ooui-dialog-process-retry": "Reîncearcă" +} diff --git a/resources/lib/oojs-ui/i18n/roa-tara.json b/resources/lib/oojs-ui/i18n/roa-tara.json new file mode 100644 index 00000000..11427ec3 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/roa-tara.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Joetaras" + ] + }, + "ooui-dialog-action-close": "Achiude", + "ooui-outline-control-move-down": "Spuèste 'a vôsce sotte", + "ooui-outline-control-move-up": "Spuèste 'a vôsce sus", + "ooui-toolbar-more": "De cchiù" +} diff --git a/resources/lib/oojs-ui/i18n/ru.json b/resources/lib/oojs-ui/i18n/ru.json new file mode 100644 index 00000000..efd10627 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ru.json @@ -0,0 +1,30 @@ +{ + "@metadata": { + "authors": [ + "Amire80", + "DR", + "Eugrus", + "Iluvatar", + "KPu3uC B Poccuu", + "Kalan", + "MaxBioHazard", + "NBS", + "Niklem", + "Okras", + "Ole Yves", + "Putnik", + "Sunpriat", + "Yury Katkov", + "Умар" + ] + }, + "ooui-outline-control-move-down": "Переместить элемент вниз", + "ooui-outline-control-move-up": "Переместить элемент вверх", + "ooui-outline-control-remove": "Удалить пункт", + "ooui-toolbar-more": "Ещё", + "ooui-dialog-message-accept": "ОК", + "ooui-dialog-message-reject": "Отмена", + "ooui-dialog-process-error": "Что-то пошло не так", + "ooui-dialog-process-dismiss": "Закрыть", + "ooui-dialog-process-retry": "Попробовать ещё раз" +} diff --git a/resources/lib/oojs-ui/i18n/sah.json b/resources/lib/oojs-ui/i18n/sah.json new file mode 100644 index 00000000..82d76a64 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sah.json @@ -0,0 +1,9 @@ +{ + "@metadata": { + "authors": [ + "Gazeb", + "HalanTul" + ] + }, + "ooui-dialog-action-close": "Сап" +} diff --git a/resources/lib/oojs-ui/i18n/scn.json b/resources/lib/oojs-ui/i18n/scn.json new file mode 100644 index 00000000..a063cc8e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/scn.json @@ -0,0 +1,15 @@ +{ + "@metadata": { + "authors": [ + "Gazeb", + "Gmelfi", + "HalanTul", + "Gloria sah" + ] + }, + "ooui-dialog-action-close": "Chiùi", + "ooui-outline-control-move-down": "Sposta di sutta", + "ooui-outline-control-move-up": "Sposta di supra", + "ooui-toolbar-more": "Àutri cosi", + "ooui-dialog-confirm-title": "Cunferma" +} diff --git a/resources/lib/oojs-ui/i18n/sco.json b/resources/lib/oojs-ui/i18n/sco.json new file mode 100644 index 00000000..085f908a --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sco.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "John Reid" + ] + }, + "ooui-dialog-action-close": "Claise", + "ooui-outline-control-move-down": "Muiv eetem doon", + "ooui-outline-control-move-up": "Muiv eetem up", + "ooui-outline-control-remove": "Remuiv eetem", + "ooui-toolbar-more": "Mair" +} diff --git a/resources/lib/oojs-ui/i18n/sh.json b/resources/lib/oojs-ui/i18n/sh.json new file mode 100644 index 00000000..ab9f9fd6 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sh.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "OC Ripper" + ] + }, + "ooui-dialog-action-close": "Zatvori", + "ooui-outline-control-move-down": "Pomakni stavku dolje", + "ooui-outline-control-move-up": "Pomakni stavku gore" +} diff --git a/resources/lib/oojs-ui/i18n/si.json b/resources/lib/oojs-ui/i18n/si.json new file mode 100644 index 00000000..b5c0b692 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/si.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Singhalawap", + "පසිඳු කාවින්ද", + "ශ්වෙත" + ] + }, + "ooui-dialog-action-close": "නිමවන්න", + "ooui-outline-control-move-down": "අයිතමය පහලටදමන්න", + "ooui-outline-control-move-up": "අයිතමය ඉහලටදමන්න" +} diff --git a/resources/lib/oojs-ui/i18n/sk.json b/resources/lib/oojs-ui/i18n/sk.json new file mode 100644 index 00000000..07d98286 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sk.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Mimarik", + "Teslaton" + ] + }, + "ooui-dialog-action-close": "Zatvoriť", + "ooui-outline-control-move-down": "Posunúť položku nadol", + "ooui-outline-control-move-up": "Posunúť položku nahor", + "ooui-toolbar-more": "Viac" +} diff --git a/resources/lib/oojs-ui/i18n/sl.json b/resources/lib/oojs-ui/i18n/sl.json new file mode 100644 index 00000000..5737548e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sl.json @@ -0,0 +1,19 @@ +{ + "@metadata": { + "authors": [ + "Dbc334", + "Eleassar", + "Pinky sl", + "Yerpo" + ] + }, + "ooui-outline-control-move-down": "Prestavi predmet nižje", + "ooui-outline-control-move-up": "Prestavi predmet višje", + "ooui-outline-control-remove": "Odstrani vnos", + "ooui-toolbar-more": "Več", + "ooui-dialog-message-accept": "V redu", + "ooui-dialog-message-reject": "Prekliči", + "ooui-dialog-process-error": "Nekaj je šlo narobe", + "ooui-dialog-process-dismiss": "Skrij", + "ooui-dialog-process-retry": "Poskusi znova" +} diff --git a/resources/lib/oojs-ui/i18n/sq.json b/resources/lib/oojs-ui/i18n/sq.json new file mode 100644 index 00000000..ec180199 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sq.json @@ -0,0 +1,19 @@ +{ + "@metadata": { + "authors": [ + "Euriditi", + "Kushtrim", + "Elioqoshi", + "GretaDoci", + "Gertakapllani" + ] + }, + "ooui-outline-control-move-down": "Zhvendose artikullin më poshtë", + "ooui-outline-control-move-up": "Zhvendose artikullin më lart", + "ooui-outline-control-remove": "Hiq artikullin", + "ooui-toolbar-more": "Më tepër...", + "ooui-dialog-message-accept": "Në rregull", + "ooui-dialog-message-reject": "Anullo", + "ooui-dialog-process-error": "Diçka shkoi keq", + "ooui-dialog-process-retry": "Provo përsëri" +} diff --git a/resources/lib/oojs-ui/i18n/sr-ec.json b/resources/lib/oojs-ui/i18n/sr-ec.json new file mode 100644 index 00000000..d6533569 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sr-ec.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Milicevic01", + "Nikola Smolenski", + "Милан Јелисавчић" + ] + }, + "ooui-outline-control-move-down": "Премести ставку на доле", + "ooui-outline-control-move-up": "Премести ставку на горе", + "ooui-outline-control-remove": "Уклони ставку", + "ooui-toolbar-more": "Више", + "ooui-dialog-message-accept": "У реду", + "ooui-dialog-message-reject": "Откажи", + "ooui-dialog-process-error": "Нешто је пошло наопако", + "ooui-dialog-process-dismiss": "Одбаци", + "ooui-dialog-process-retry": "Покушај поново" +} diff --git a/resources/lib/oojs-ui/i18n/sr-el.json b/resources/lib/oojs-ui/i18n/sr-el.json new file mode 100644 index 00000000..889b0f68 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sr-el.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "Milicevic01" + ] + }, + "ooui-dialog-action-close": "Zatvori", + "ooui-outline-control-move-down": "Premesti stavku na dole", + "ooui-outline-control-move-up": "Premesti stavku na gore", + "ooui-outline-control-remove": "Ukloni stavku", + "ooui-toolbar-more": "Više", + "ooui-dialog-confirm-default-prompt": "Jeste li sigurni?" +} diff --git a/resources/lib/oojs-ui/i18n/sv.json b/resources/lib/oojs-ui/i18n/sv.json new file mode 100644 index 00000000..40305d0a --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sv.json @@ -0,0 +1,26 @@ +{ + "@metadata": { + "authors": [ + "Ainali", + "Haxpett", + "Jopparn", + "Knuckles", + "Magol", + "Milicevic01", + "Per", + "Sendelbach", + "Skalman", + "WikiPhoenix", + "Lokal Profil" + ] + }, + "ooui-outline-control-move-down": "Flytta ned objekt", + "ooui-outline-control-move-up": "Flytta upp objekt", + "ooui-outline-control-remove": "Ta bort objekt", + "ooui-toolbar-more": "Mer", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Avbryt", + "ooui-dialog-process-error": "Något gick fel", + "ooui-dialog-process-dismiss": "Stäng", + "ooui-dialog-process-retry": "Försök igen" +} diff --git a/resources/lib/oojs-ui/i18n/sw.json b/resources/lib/oojs-ui/i18n/sw.json new file mode 100644 index 00000000..510e468d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/sw.json @@ -0,0 +1,15 @@ +{ + "@metadata": { + "authors": [ + "Lloffiwr", + "Muddyb Blast Producer" + ] + }, + "ooui-outline-control-move-down": "Sogeza kipengee chini", + "ooui-outline-control-move-up": "Sogeza kipengee juu", + "ooui-outline-control-remove": "Toa kitu", + "ooui-toolbar-more": "Zaidi", + "ooui-dialog-message-accept": "Sawa", + "ooui-dialog-message-reject": "Batilisha", + "ooui-dialog-process-retry": "Jaribu tena" +} diff --git a/resources/lib/oojs-ui/i18n/ta.json b/resources/lib/oojs-ui/i18n/ta.json new file mode 100644 index 00000000..dd8294fe --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ta.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Jayarathina", + "Sank", + "Shanmugamp7", + "மதனாஹரன்" + ] + }, + "ooui-dialog-action-close": "மூடுக" +} diff --git a/resources/lib/oojs-ui/i18n/te.json b/resources/lib/oojs-ui/i18n/te.json new file mode 100644 index 00000000..f220fa3f --- /dev/null +++ b/resources/lib/oojs-ui/i18n/te.json @@ -0,0 +1,14 @@ +{ + "@metadata": { + "authors": [ + "Arjunaraoc", + "Jayarathina", + "Sank", + "Shanmugamp7", + "Veeven", + "Visdaviva", + "மதனாஹரன்" + ] + }, + "ooui-dialog-action-close": "మూయి" +} diff --git a/resources/lib/oojs-ui/i18n/tg-cyrl.json b/resources/lib/oojs-ui/i18n/tg-cyrl.json new file mode 100644 index 00000000..908c8947 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/tg-cyrl.json @@ -0,0 +1,12 @@ +{ + "@metadata": { + "authors": [ + "Ibrahim" + ] + }, + "ooui-dialog-action-close": "Пӯшиш", + "ooui-outline-control-move-down": "Ҳаракати мавод ба поён", + "ooui-outline-control-move-up": "Ҳаракати мавод ба боло", + "ooui-outline-control-remove": "Ҳазви мавод", + "ooui-toolbar-more": "Бештар" +} diff --git a/resources/lib/oojs-ui/i18n/th.json b/resources/lib/oojs-ui/i18n/th.json new file mode 100644 index 00000000..f36dd6a2 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/th.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Supasate", + "Taweetham" + ] + }, + "ooui-dialog-action-close": "ปิด", + "ooui-outline-control-move-down": "เลื่อนรายการลง", + "ooui-outline-control-move-up": "ย้ายรายการขึ้น" +} diff --git a/resources/lib/oojs-ui/i18n/tl.json b/resources/lib/oojs-ui/i18n/tl.json new file mode 100644 index 00000000..178384cd --- /dev/null +++ b/resources/lib/oojs-ui/i18n/tl.json @@ -0,0 +1,17 @@ +{ + "@metadata": { + "authors": [ + "AnakngAraw", + "Sky Harbor" + ] + }, + "ooui-dialog-action-close": "Isara", + "ooui-outline-control-move-down": "Ilipat ang aytem pababa", + "ooui-outline-control-move-up": "Ilipat ang aytem pataas", + "ooui-outline-control-remove": "Tanggalin ang aytem", + "ooui-toolbar-more": "Marami pa", + "ooui-dialog-confirm-title": "Tiyakin", + "ooui-dialog-confirm-default-prompt": "Nakatitiyak ka ba?", + "ooui-dialog-confirm-default-ok": "Sige", + "ooui-dialog-confirm-default-cancel": "Huwag ituloy" +} diff --git a/resources/lib/oojs-ui/i18n/tr.json b/resources/lib/oojs-ui/i18n/tr.json new file mode 100644 index 00000000..82f7c6c0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/tr.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Emperyan", + "Incelemeelemani", + "LuCKY", + "Maidis", + "Rapsar", + "Talha Samil Cakir", + "TurkishStyles", + "Sayginer" + ] + }, + "ooui-outline-control-move-down": "Ögeyi aşağı taşı", + "ooui-outline-control-move-up": "Ögeyi yukarı taşı", + "ooui-toolbar-more": "Daha fazla", + "ooui-dialog-process-retry": "Tekrar dene" +} diff --git a/resources/lib/oojs-ui/i18n/tt-cyrl.json b/resources/lib/oojs-ui/i18n/tt-cyrl.json new file mode 100644 index 00000000..257e13cd --- /dev/null +++ b/resources/lib/oojs-ui/i18n/tt-cyrl.json @@ -0,0 +1,10 @@ +{ + "@metadata": { + "authors": [ + "Ajdar" + ] + }, + "ooui-dialog-action-close": "Ябу", + "ooui-outline-control-move-down": "Элементны аска күчерү", + "ooui-outline-control-move-up": "Элементны өскә күчерү" +} diff --git a/resources/lib/oojs-ui/i18n/ug-arab.json b/resources/lib/oojs-ui/i18n/ug-arab.json new file mode 100644 index 00000000..19725cc2 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ug-arab.json @@ -0,0 +1,9 @@ +{ + "@metadata": { + "authors": [ + "Sahran", + "Tel'et", + "Tifinaghes" + ] + } +} diff --git a/resources/lib/oojs-ui/i18n/uk.json b/resources/lib/oojs-ui/i18n/uk.json new file mode 100644 index 00000000..d6034f05 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/uk.json @@ -0,0 +1,29 @@ +{ + "@metadata": { + "authors": [ + "AS", + "Aced", + "Ahonc", + "Andriykopanytsia", + "Base", + "Perohanych", + "RLuts", + "Sahran", + "Sergento", + "Steve.rusyn", + "SteveR", + "Tel'et", + "Tifinaghes", + "Ата" + ] + }, + "ooui-outline-control-move-down": "Перемістити елемент униз", + "ooui-outline-control-move-up": "Перемістити елемент вгору", + "ooui-outline-control-remove": "Видалити елемент", + "ooui-toolbar-more": "Більше", + "ooui-dialog-message-accept": "Готово", + "ooui-dialog-message-reject": "Скасувати", + "ooui-dialog-process-error": "Щось пішло не так", + "ooui-dialog-process-dismiss": "Приховати", + "ooui-dialog-process-retry": "Спробуйте ще раз" +} diff --git a/resources/lib/oojs-ui/i18n/uz.json b/resources/lib/oojs-ui/i18n/uz.json new file mode 100644 index 00000000..03b78089 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/uz.json @@ -0,0 +1,14 @@ +{ + "@metadata": { + "authors": [ + "CoderSI", + "Noor2020", + "Sociologist", + "පසිඳු කාවින්ද" + ] + }, + "ooui-dialog-action-close": "Yopish", + "ooui-outline-control-move-down": "Elementni pastga koʻchirish", + "ooui-outline-control-move-up": "Elementni yuqoriga koʻchirish", + "ooui-toolbar-more": "Yana" +} diff --git a/resources/lib/oojs-ui/i18n/vec.json b/resources/lib/oojs-ui/i18n/vec.json new file mode 100644 index 00000000..1a91cdb0 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/vec.json @@ -0,0 +1,15 @@ +{ + "@metadata": { + "authors": [ + "Candalua", + "GatoSelvadego", + "Gloria sah" + ] + }, + "ooui-dialog-action-close": "Sara", + "ooui-outline-control-move-down": "Sposta in baso", + "ooui-outline-control-move-up": "Sposta in sima", + "ooui-toolbar-more": "Altro", + "ooui-dialog-confirm-title": "Conferma", + "ooui-dialog-confirm-default-ok": "Va ben" +} diff --git a/resources/lib/oojs-ui/i18n/vi.json b/resources/lib/oojs-ui/i18n/vi.json new file mode 100644 index 00000000..205cbe89 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/vi.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Cheers!", + "Jdforrester", + "Minh Nguyen" + ] + }, + "ooui-outline-control-move-down": "Chuyển mục xuống", + "ooui-outline-control-move-up": "Chuyển mục lên", + "ooui-outline-control-remove": "Xóa khoản", + "ooui-toolbar-more": "Thêm", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Hủy bỏ", + "ooui-dialog-process-error": "Đã bị trục trặc", + "ooui-dialog-process-dismiss": "Bỏ qua", + "ooui-dialog-process-retry": "Thử lại" +} diff --git a/resources/lib/oojs-ui/i18n/vo.json b/resources/lib/oojs-ui/i18n/vo.json new file mode 100644 index 00000000..7e359a5c --- /dev/null +++ b/resources/lib/oojs-ui/i18n/vo.json @@ -0,0 +1,9 @@ +{ + "@metadata": { + "authors": [ + "Malafaya" + ] + }, + "ooui-dialog-action-close": "Färmükön", + "ooui-toolbar-more": "Pluikos" +} diff --git a/resources/lib/oojs-ui/i18n/wuu.json b/resources/lib/oojs-ui/i18n/wuu.json new file mode 100644 index 00000000..61e3d01e --- /dev/null +++ b/resources/lib/oojs-ui/i18n/wuu.json @@ -0,0 +1,9 @@ +{ + "@metadata": { + "authors": [ + "Malafaya", + "十弌" + ] + }, + "ooui-toolbar-more": "還多" +} diff --git a/resources/lib/oojs-ui/i18n/yi.json b/resources/lib/oojs-ui/i18n/yi.json new file mode 100644 index 00000000..a850fce2 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/yi.json @@ -0,0 +1,18 @@ +{ + "@metadata": { + "authors": [ + "Malafaya", + "פוילישער", + "十弌" + ] + }, + "ooui-outline-control-move-down": "רוקן עלעמענט אראפ", + "ooui-outline-control-move-up": "רוקן עלעמענט ארויף", + "ooui-outline-control-remove": "אַראָפנעמען איינס", + "ooui-toolbar-more": "נאך", + "ooui-dialog-message-accept": "יאָ", + "ooui-dialog-message-reject": "אַנולירן", + "ooui-dialog-process-error": "עפעס איז דורכגעפאלן", + "ooui-dialog-process-dismiss": "צומאַכן", + "ooui-dialog-process-retry": "פרובירט נאכאמאל" +} diff --git a/resources/lib/oojs-ui/i18n/yo.json b/resources/lib/oojs-ui/i18n/yo.json new file mode 100644 index 00000000..bbb8f30d --- /dev/null +++ b/resources/lib/oojs-ui/i18n/yo.json @@ -0,0 +1,11 @@ +{ + "@metadata": { + "authors": [ + "Demmy" + ] + }, + "ooui-dialog-action-close": "Ìpadé", + "ooui-outline-control-move-down": "Sún onítòún sí sàlẹ̀", + "ooui-outline-control-move-up": "Sún onítòún s'ókè", + "ooui-toolbar-more": "Míràn" +} diff --git a/resources/lib/oojs-ui/i18n/yue.json b/resources/lib/oojs-ui/i18n/yue.json new file mode 100644 index 00000000..81ad9a95 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/yue.json @@ -0,0 +1,16 @@ +{ + "@metadata": { + "authors": [ + "Deryck Chan" + ] + }, + "ooui-outline-control-move-down": "向下搬", + "ooui-outline-control-move-up": "向上搬", + "ooui-outline-control-remove": "拎走", + "ooui-toolbar-more": "仲有...", + "ooui-dialog-message-accept": "好", + "ooui-dialog-message-reject": "取消", + "ooui-dialog-process-error": "唔對路", + "ooui-dialog-process-dismiss": "閂咗佢", + "ooui-dialog-process-retry": "再試過" +} diff --git a/resources/lib/oojs-ui/i18n/zh-hans.json b/resources/lib/oojs-ui/i18n/zh-hans.json new file mode 100644 index 00000000..02bdafad --- /dev/null +++ b/resources/lib/oojs-ui/i18n/zh-hans.json @@ -0,0 +1,31 @@ +{ + "@metadata": { + "authors": [ + "Anakmalaysia", + "Bencmq", + "Demmy", + "Hydra", + "Hzy980512", + "Liangent", + "Liuxinyu970226", + "Qiyue2001", + "Shirayuki", + "Shizhao", + "TianyinLee", + "Xiaomingyan", + "Yfdyh000", + "Zhangjintao", + "乌拉跨氪", + "Great Brightstar" + ] + }, + "ooui-outline-control-move-down": "下移项", + "ooui-outline-control-move-up": "上移项", + "ooui-outline-control-remove": "删除项", + "ooui-toolbar-more": "更多", + "ooui-dialog-message-accept": "确定", + "ooui-dialog-message-reject": "取消", + "ooui-dialog-process-error": "发生一些错误", + "ooui-dialog-process-dismiss": "解除", + "ooui-dialog-process-retry": "重试" +} diff --git a/resources/lib/oojs-ui/i18n/zh-hant.json b/resources/lib/oojs-ui/i18n/zh-hant.json new file mode 100644 index 00000000..05fb20d1 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/zh-hant.json @@ -0,0 +1,28 @@ +{ + "@metadata": { + "authors": [ + "Anakmalaysia", + "Ch.Andrew", + "Hydra", + "Justincheng12345", + "Liflon", + "Liuxinyu970226", + "Qiyue2001", + "Radish10cm", + "Shirayuki", + "Simon Shek", + "Spring Roll Conan", + "Waihorace", + "Cwlin0416" + ] + }, + "ooui-outline-control-move-down": "項目下移", + "ooui-outline-control-move-up": "項目上移", + "ooui-outline-control-remove": "移除項目", + "ooui-toolbar-more": "更多", + "ooui-dialog-message-accept": "確定", + "ooui-dialog-message-reject": "取消", + "ooui-dialog-process-error": "發生不明錯誤", + "ooui-dialog-process-dismiss": "放棄", + "ooui-dialog-process-retry": "再試一次" +} diff --git a/resources/lib/oojs-ui/images/anchor.png b/resources/lib/oojs-ui/images/anchor.png Binary files differnew file mode 100644 index 00000000..470a7ac7 --- /dev/null +++ b/resources/lib/oojs-ui/images/anchor.png diff --git a/resources/lib/oojs-ui/images/anchor.svg b/resources/lib/oojs-ui/images/anchor.svg new file mode 100644 index 00000000..3694391e --- /dev/null +++ b/resources/lib/oojs-ui/images/anchor.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8"> + <g id="anchor"> + <polygon id="outline" style="fill:#808080;" points="7.609,2.499 2.096,8 13.125,8"/> + <polygon id="fill" style="fill:#FFFFFF;" points="7.609,3 2.598,8 12.622,8"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/accept.png b/resources/lib/oojs-ui/images/icons/accept.png Binary files differnew file mode 100644 index 00000000..76df4795 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/accept.png diff --git a/resources/lib/oojs-ui/images/icons/accept.svg b/resources/lib/oojs-ui/images/icons/accept.svg new file mode 100644 index 00000000..b385a74c --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/accept.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="accept" opacity=".75"> + <path id="check" d="M19.062 5.139l-1.644-1.139-8.551 12.357-3.454-3.454-1.413 1.413 5.021 5.022z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/add-item.png b/resources/lib/oojs-ui/images/icons/add-item.png Binary files differnew file mode 100644 index 00000000..a7788c72 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/add-item.png diff --git a/resources/lib/oojs-ui/images/icons/add-item.svg b/resources/lib/oojs-ui/images/icons/add-item.svg new file mode 100644 index 00000000..c42731a1 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/add-item.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="add-item" opacity=".75"> + <path id="plus" d="M13 8h-2v3h-3v2h3v3h2v-3h3v-2h-3z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/advanced.png b/resources/lib/oojs-ui/images/icons/advanced.png Binary files differnew file mode 100644 index 00000000..7609ec91 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/advanced.png diff --git a/resources/lib/oojs-ui/images/icons/advanced.svg b/resources/lib/oojs-ui/images/icons/advanced.svg new file mode 100644 index 00000000..0f85e44b --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/advanced.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="settings" opacity=".75"> + <path id="gear" d="M20.869 13.476c.079-.482.131-.972.131-1.476s-.052-.994-.131-1.476l-2.463-.259c-.149-.556-.367-1.082-.648-1.57l1.558-1.924c-.576-.806-1.281-1.511-2.087-2.087l-1.924 1.558c-.488-.281-1.015-.499-1.57-.648l-.259-2.463c-.482-.079-.972-.131-1.476-.131s-.994.052-1.476.131l-.259 2.463c-.555.149-1.081.367-1.57.648l-1.924-1.557c-.805.576-1.51 1.281-2.086 2.086l1.558 1.924c-.281.488-.499 1.015-.648 1.57l-2.463.259c-.08.482-.132.972-.132 1.476s.052.994.131 1.476l2.463.259c.149.556.367 1.082.648 1.57l-1.558 1.924c.576.806 1.281 1.511 2.087 2.087l1.924-1.558c.488.281 1.015.499 1.57.648l.259 2.463c.482.079.972.131 1.476.131s.994-.052 1.476-.131l.259-2.463c.556-.149 1.082-.367 1.57-.648l1.924 1.558c.806-.576 1.511-1.281 2.087-2.087l-1.558-1.924c.281-.488.499-1.015.648-1.57l2.463-.259zm-8.869 2.522c-2.209 0-3.998-1.789-3.998-3.998s1.789-3.998 3.998-3.998 3.998 1.789 3.998 3.998-1.789 3.998-3.998 3.998z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/alert.png b/resources/lib/oojs-ui/images/icons/alert.png Binary files differnew file mode 100644 index 00000000..a45ad31e --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/alert.png diff --git a/resources/lib/oojs-ui/images/icons/alert.svg b/resources/lib/oojs-ui/images/icons/alert.svg new file mode 100644 index 00000000..819e062a --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/alert.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="alert" opacity=".75"> + <path id="point" d="M11 16h2v2h-2z"/> + <path id="stroke" d="M13.516 10h-3l.484 5h2z"/> + <path id="triangle" d="M12.017 5.974l7.519 13.026h-15.04l7.521-13.026m0-2.474c-.544 0-1.088.357-1.5 1.071l-7.985 13.831c-.825 1.429-.15 2.598 1.5 2.598h15.968c1.65 0 2.325-1.169 1.5-2.599l-7.983-13.829c-.413-.715-.956-1.072-1.5-1.072z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/arched-arrow-ltr.png b/resources/lib/oojs-ui/images/icons/arched-arrow-ltr.png Binary files differnew file mode 100644 index 00000000..c48f55df --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/arched-arrow-ltr.png diff --git a/resources/lib/oojs-ui/images/icons/arched-arrow-ltr.svg b/resources/lib/oojs-ui/images/icons/arched-arrow-ltr.svg new file mode 100644 index 00000000..9fd2866f --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/arched-arrow-ltr.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="arched-arrow-ltr" opacity=".75"> + <path id="arrow" d="M19.925 14.937l-2.391-6.901-1.48 2.329c-.964-.845-2.699-1.85-5.513-1.823-4.887.046-6.524 4.244-6.524 4.244s2.753-2.639 6.925-1.949c1.729.286 3.007 1.206 3.675 1.791l-1.474 2.319 6.782-.01z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/arched-arrow-rtl.png b/resources/lib/oojs-ui/images/icons/arched-arrow-rtl.png Binary files differnew file mode 100644 index 00000000..51c8de4f --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/arched-arrow-rtl.png diff --git a/resources/lib/oojs-ui/images/icons/arched-arrow-rtl.svg b/resources/lib/oojs-ui/images/icons/arched-arrow-rtl.svg new file mode 100644 index 00000000..b16c1b47 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/arched-arrow-rtl.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="arched-arrow-rtl" opacity=".75"> + <path id="arrow" d="M13.401 8.542c-2.814-.027-4.549.978-5.513 1.823l-1.48-2.329-2.391 6.901 6.782.009-1.474-2.319c.668-.584 1.945-1.504 3.675-1.791 4.172-.69 6.925 1.949 6.925 1.949s-1.637-4.197-6.524-4.243z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/check.png b/resources/lib/oojs-ui/images/icons/check.png Binary files differnew file mode 100644 index 00000000..9a2c9dbf --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/check.png diff --git a/resources/lib/oojs-ui/images/icons/check.svg b/resources/lib/oojs-ui/images/icons/check.svg new file mode 100644 index 00000000..8d4a1f8b --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/check.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0, 0, 24, 24"> + <g id="check"> + <path d="M7.105 13.473l1.422-1.423 1.901 1.902 4.81-6.952 1.657 1.148-6.26 8.852z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/clear.png b/resources/lib/oojs-ui/images/icons/clear.png Binary files differnew file mode 100644 index 00000000..02d6bb39 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/clear.png diff --git a/resources/lib/oojs-ui/images/icons/clear.svg b/resources/lib/oojs-ui/images/icons/clear.svg new file mode 100644 index 00000000..8409c679 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/clear.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="clear" opacity=".75"> + <path id="circle-with-strike" d="M11.999 5.022c-3.853 0-6.977 3.124-6.977 6.978 0 3.853 3.124 6.978 6.977 6.978 3.854 0 6.979-3.125 6.979-6.978 0-3.854-3.125-6.978-6.979-6.978zm-5.113 6.978c0-1.092.572-3.25.93-2.929l7.113 7.113c.488.525-1.837.931-2.93.931-2.825-.001-5.113-2.291-5.113-5.115zm9.298 2.929l-7.114-7.113c-.445-.483 1.837-.931 2.929-.931 2.827 0 5.115 2.289 5.115 5.114 0 1.093-.364 3.543-.93 2.93z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/close.png b/resources/lib/oojs-ui/images/icons/close.png Binary files differnew file mode 100644 index 00000000..06d49217 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/close.png diff --git a/resources/lib/oojs-ui/images/icons/close.svg b/resources/lib/oojs-ui/images/icons/close.svg new file mode 100644 index 00000000..3c0ab46d --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/close.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="close" opacity=".75"> + <path id="x" d="M18.717 6.697l-1.414-1.414-5.303 5.303-5.303-5.303-1.414 1.414 5.303 5.303-5.303 5.303 1.414 1.414 5.303-5.303 5.303 5.303 1.414-1.414-5.303-5.303z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/code.png b/resources/lib/oojs-ui/images/icons/code.png Binary files differnew file mode 100644 index 00000000..783e1e0d --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/code.png diff --git a/resources/lib/oojs-ui/images/icons/code.svg b/resources/lib/oojs-ui/images/icons/code.svg new file mode 100644 index 00000000..a45ab1e3 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/code.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> + <g id="code" opacity=".75"> + <path id="left-bracket" d="M4 12v-1h1c1 0 1 0 1-1v-2.386c0-.514.024-.896.073-1.142.054-.252.139-.463.257-.633.204-.279.473-.475.808-.584.335-.115.872-.255 1.835-.255h1.027v1h-.752c-.457 0-.77.191-.936.408-.167.215-.312.445-.312 1.068v1.857c0 .729-.041 1.18-.244 1.493-.2.307-.562.529-1.09.667.535.155.9.385 1.096.688.199.303.238.757.238 1.484v1.862c0 .619.145.848.312 1.062.166.22.479.407.936.407l.752.004v1h-1.027c-.963 0-1.5-.133-1.835-.248-.335-.109-.604-.307-.808-.591-.118-.165-.203-.374-.257-.625-.049-.253-.073-.636-.073-1.149v-2.387c0-1 0-1-1-1h-1z"/> + <use transform="matrix(-1 0 0 1 24 0)" id="right-bracket" width="24" height="24" xlink:href="#left-bracket"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/collapse.png b/resources/lib/oojs-ui/images/icons/collapse.png Binary files differnew file mode 100644 index 00000000..2c4ecee6 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/collapse.png diff --git a/resources/lib/oojs-ui/images/icons/collapse.svg b/resources/lib/oojs-ui/images/icons/collapse.svg new file mode 100644 index 00000000..c677e9e5 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/collapse.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="collapse" opacity=".75"> + <path id="arrow" d="M6.697 15.714l5.303-5.302 5.303 5.302 1.414-1.414-6.717-6.717-6.717 6.717z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/comment.png b/resources/lib/oojs-ui/images/icons/comment.png Binary files differnew file mode 100644 index 00000000..5be2b72f --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/comment.png diff --git a/resources/lib/oojs-ui/images/icons/comment.svg b/resources/lib/oojs-ui/images/icons/comment.svg new file mode 100644 index 00000000..0348035b --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/comment.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="comment" opacity=".75"> + <path id="speech-bubble" d="M15 6h-6c-1.657 0-3 1.344-3 3v4c0 1.656 1.343 3 3 3v3l3-3h3c1.657 0 3-1.344 3-3v-4c0-1.656-1.343-3-3-3z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/expand.png b/resources/lib/oojs-ui/images/icons/expand.png Binary files differnew file mode 100644 index 00000000..3ae27c06 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/expand.png diff --git a/resources/lib/oojs-ui/images/icons/expand.svg b/resources/lib/oojs-ui/images/icons/expand.svg new file mode 100644 index 00000000..f41b9f9d --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/expand.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="expand" opacity=".75"> + <path id="arrow" d="M17.303 8.283l-5.303 5.303-5.303-5.303-1.414 1.414 6.717 6.717 6.717-6.717z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/help.png b/resources/lib/oojs-ui/images/icons/help.png Binary files differnew file mode 100644 index 00000000..c1190fcc --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/help.png diff --git a/resources/lib/oojs-ui/images/icons/help.svg b/resources/lib/oojs-ui/images/icons/help.svg new file mode 100644 index 00000000..ce129a74 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/help.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="help" opacity=".75"> + <path id="circle" d="M12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z"/> + <g id="question-mark"> + <path id="top" d="M11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411.854s.298-.791.901-1.229c.516-.375 1.625-.625 2.219.125.701.885-.17 1.587-1.078 2.719-.953 1.186-1 3.655-1 3.655h1.969s.135-2.318 1.041-3.381c.603-.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437z"/> + <path id="bottom" d="M11 16h2v2h-2z"/> + </g> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/history.png b/resources/lib/oojs-ui/images/icons/history.png Binary files differnew file mode 100644 index 00000000..8a9862fc --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/history.png diff --git a/resources/lib/oojs-ui/images/icons/history.svg b/resources/lib/oojs-ui/images/icons/history.svg new file mode 100644 index 00000000..91e072f5 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/history.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="history" opacity=".75"> + <path id="clock-hands" d="M17.26 15.076s-2.385-1.935-4.005-3.062c.72-2.397 1.702-6.559 1.702-6.559s-4.35 5.363-4.877 6.699c-.463 1.168 1.459 2.209 2.346 1.678 1.9.551 4.834 1.244 4.834 1.244z"/> + <path id="arrow" d="M12.086 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 1.783.476 3.454 1.301 4.898l-2.223 2.04h5.688v-5.219l-2.066 1.896c-.55-1.088-.866-2.312-.866-3.615 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083-1.145 0-2.228-.247-3.213-.678l-.833 1.634c1.235.557 2.602.874 4.045.874 5.476 0 9.914-4.438 9.914-9.914-.001-5.477-4.439-9.915-9.915-9.915z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/info.png b/resources/lib/oojs-ui/images/icons/info.png Binary files differnew file mode 100644 index 00000000..a74fb186 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/info.png diff --git a/resources/lib/oojs-ui/images/icons/info.svg b/resources/lib/oojs-ui/images/icons/info.svg new file mode 100644 index 00000000..9ba57d7a --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/info.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0, 0, 24, 24"> + <g id="info" opacity=".75"> + <path id="circled-i" d="M11.499 17c-3.036 0-5.499-2.464-5.499-5.5 0-3.037 2.462-5.5 5.499-5.5 3.037 0 5.501 2.462 5.501 5.5 0 3.036-2.464 5.5-5.501 5.5zm.002-12c-3.591 0-6.501 2.91-6.501 6.5s2.91 6.5 6.501 6.5c3.588 0 6.499-2.911 6.499-6.5s-2.911-6.5-6.499-6.5zM12 10v4h1v1h-3v-1h1v-3h-1v-1zM11 8h1v1h-1z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/link.png b/resources/lib/oojs-ui/images/icons/link.png Binary files differnew file mode 100644 index 00000000..e51657d0 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/link.png diff --git a/resources/lib/oojs-ui/images/icons/link.svg b/resources/lib/oojs-ui/images/icons/link.svg new file mode 100644 index 00000000..fcb06be0 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/link.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="link" opacity=".75"> + <path id="right" d="M19.188 12.001c0 1.1-.891 2.015-1.988 2.015l-4.195-.015c.538 1.088.963 1.999 1.997 1.999h3c1.656 0 2.998-2.343 2.998-4s-1.342-4-2.998-4h-3c-1.034 0-1.459.911-1.998 1.999l4.195-.015c1.098 0 1.989.917 1.989 2.017z"/> + <path id="center" d="M8 12c0 .535.42 1 .938 1h6.109c.518 0 .938-.465.938-1 0-.534-.42-1-.938-1h-6.109c-.518 0-.938.466-.938 1z"/> + <path id="left" d="M4.816 11.999c0-1.1.891-2.015 1.988-2.015l4.196.015c-.539-1.088-.964-1.999-1.998-1.999h-3c-1.656 0-2.998 2.343-2.998 4s1.342 4 2.998 4h3c1.034 0 1.459-.911 1.998-1.999l-4.195.015c-1.098 0-1.989-.917-1.989-2.017z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/menu.png b/resources/lib/oojs-ui/images/icons/menu.png Binary files differnew file mode 100644 index 00000000..e53aed64 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/menu.png diff --git a/resources/lib/oojs-ui/images/icons/menu.svg b/resources/lib/oojs-ui/images/icons/menu.svg new file mode 100644 index 00000000..2d047896 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/menu.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="menu" opacity=".75"> + <path id="lines" d="M6 15h12c.553 0 1 .447 1 1v1c0 .553-.447 1-1 1h-12c-.553 0-1-.447-1-1v-1c0-.553.447-1 1-1zm-1-4v1c0 .553.447 1 1 1h12c.553 0 1-.447 1-1v-1c0-.553-.447-1-1-1h-12c-.553 0-1 .447-1 1zm0-5v1c0 .553.447 1 1 1h12c.553 0 1-.447 1-1v-1c0-.553-.447-1-1-1h-12c-.553 0-1 .447-1 1z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/move-ltr.png b/resources/lib/oojs-ui/images/icons/move-ltr.png Binary files differnew file mode 100644 index 00000000..4b9f3bfd --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/move-ltr.png diff --git a/resources/lib/oojs-ui/images/icons/move-ltr.svg b/resources/lib/oojs-ui/images/icons/move-ltr.svg new file mode 100644 index 00000000..eea75d8f --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/move-ltr.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="move-ltr" opacity=".75"> + <path id="arrow" d="M8.935 7.181l5.302 5.302-5.302 5.303 1.414 1.414 6.716-6.717-6.716-6.716z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/move-rtl.png b/resources/lib/oojs-ui/images/icons/move-rtl.png Binary files differnew file mode 100644 index 00000000..7cd9cff5 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/move-rtl.png diff --git a/resources/lib/oojs-ui/images/icons/move-rtl.svg b/resources/lib/oojs-ui/images/icons/move-rtl.svg new file mode 100644 index 00000000..2dc5eaf6 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/move-rtl.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="move-rtl" opacity=".75"> + <path id="arrow" d="M15.065 17.786l-5.302-5.303 5.302-5.302-1.414-1.414-6.716 6.716 6.716 6.717z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/picture.png b/resources/lib/oojs-ui/images/icons/picture.png Binary files differnew file mode 100644 index 00000000..ef9daec2 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/picture.png diff --git a/resources/lib/oojs-ui/images/icons/picture.svg b/resources/lib/oojs-ui/images/icons/picture.svg new file mode 100644 index 00000000..4862fbc5 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/picture.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="picture" opacity=".75"> + <path id="frame" d="M18 4h-12c-2-.007-3 .993-3 2.993l.014 9.007c-.014 2 .986 2.988 2.986 3h12c2-.012 2.994-1 3-3.006v-9.001c-.006-2-1-3-3-2.993zm1 13h-14v-11h14v11z"/> + <path id="mountains" d="M6 13.5l3.5-3.5 2.328 2.312-1.312 1.094.875 1.032 4.109-3.438 2.5 2v3h-12z"/> + <path id="sky" d="M6 12l3.516-4.156 3.046 3.172 2.938-2.016 2.5 2v-4h-12z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/remove-item.png b/resources/lib/oojs-ui/images/icons/remove-item.png Binary files differnew file mode 100644 index 00000000..0d15c3b6 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/remove-item.png diff --git a/resources/lib/oojs-ui/images/icons/remove-item.svg b/resources/lib/oojs-ui/images/icons/remove-item.svg new file mode 100644 index 00000000..723e70fb --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/remove-item.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0, 0, 24, 24"> + <g id="remove-item"> + <path id="minus" d="M8 11h8v2h-8z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/remove.png b/resources/lib/oojs-ui/images/icons/remove.png Binary files differnew file mode 100644 index 00000000..8baeee0a --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/remove.png diff --git a/resources/lib/oojs-ui/images/icons/remove.svg b/resources/lib/oojs-ui/images/icons/remove.svg new file mode 100644 index 00000000..61f4d2da --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/remove.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="remove" opacity=".75"> + <path id="trash-can" d="M12 10h-1v6h1v-6zm-2 0h-1v6h1v-6zm4 0h-1v6h1v-6zm0-4v-1h-5v1h-3v3h1v7.966l1 1.031v-.074.077h6.984l.016-.018v.015l1-1.031v-7.966h1v-3h-3zm1 11h-7v-8h7v8zm1-9h-9v-1h9v1z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/search.png b/resources/lib/oojs-ui/images/icons/search.png Binary files differnew file mode 100644 index 00000000..19bc1784 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/search.png diff --git a/resources/lib/oojs-ui/images/icons/search.svg b/resources/lib/oojs-ui/images/icons/search.svg new file mode 100644 index 00000000..75b38c8f --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/search.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="search" opacity=".75"> + <path id="magnifying-glass" d="M16.021 15.96l-2.374-2.375-.169-.099c.403-.566.643-1.26.643-2.009-.001-1.92-1.558-3.477-3.477-3.477-1.921 0-3.478 1.557-3.478 3.478 0 1.92 1.557 3.477 3.478 3.477.749 0 1.442-.239 2.01-.643l.098.169 2.375 2.374c.19.189.543.143.79-.104s.293-.601.104-.791zm-5.377-2.27c-1.221 0-2.213-.991-2.213-2.213 0-1.221.992-2.213 2.213-2.213 1.222 0 2.213.992 2.213 2.213-.001 1.222-.992 2.213-2.213 2.213z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/settings.png b/resources/lib/oojs-ui/images/icons/settings.png Binary files differnew file mode 100644 index 00000000..0314960c --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/settings.png diff --git a/resources/lib/oojs-ui/images/icons/settings.svg b/resources/lib/oojs-ui/images/icons/settings.svg new file mode 100644 index 00000000..6e45b60d --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/settings.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0, 0, 24, 24"> + <g id="settings" opacity=".75"> + <path id="gear" d="M3 4h3v2h-3zM12 4h9v2h-9zM8 3h2c.552 0 1 .448 1 1v2c0 .552-.448 1-1 1h-2c-.552 0-1-.448-1-1v-2c0-.552.448-1 1-1zM3 11h9v2h-9zM18 11h3v2h-3zM14 10h2c.552 0 1 .448 1 1v2c0 .552-.448 1-1 1h-2c-.552 0-1-.448-1-1v-2c0-.552.448-1 1-1zM3 18h6v2h-6zM15 18h6v2h-6zM11 17h2c.552 0 1 .448 1 1v2c0 .552-.448 1-1 1h-2c-.552 0-1-.448-1-1v-2c0-.552.448-1 1-1z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/tag.png b/resources/lib/oojs-ui/images/icons/tag.png Binary files differnew file mode 100644 index 00000000..98028564 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/tag.png diff --git a/resources/lib/oojs-ui/images/icons/tag.svg b/resources/lib/oojs-ui/images/icons/tag.svg new file mode 100644 index 00000000..1d61b814 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/tag.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="tag" opacity=".75"> + <path d="M18.748 11.717c.389.389.389 1.025 0 1.414l-4.949 4.95c-.389.389-1.025.389-1.414 0l-6.01-6.01c-.389-.389-.707-1.157-.707-1.707l-.001-4.364c0-.55.45-1 1-1h4.364c.55 0 1.318.318 1.707.707l6.01 6.01zm-10.644-4.261c-.579.576-.578 1.514-.001 2.093.578.577 1.516.577 2.095.001.576-.578.576-1.517 0-2.095-.581-.576-1.518-.577-2.094.001z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/icons/window.png b/resources/lib/oojs-ui/images/icons/window.png Binary files differnew file mode 100644 index 00000000..bee8a3d9 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/window.png diff --git a/resources/lib/oojs-ui/images/icons/window.svg b/resources/lib/oojs-ui/images/icons/window.svg new file mode 100644 index 00000000..44f7ba75 --- /dev/null +++ b/resources/lib/oojs-ui/images/icons/window.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> + <g id="window" opacity=".75"> + <path id="title" d="M7 10h10v1h-10z"/> + <path id="frame" d="M16 19h-8c-2.206 0-4-1.794-4-4v-6c0-2.206 1.794-4 4-4h8c2.206 0 4 1.794 4 4v6c0 2.206-1.794 4-4 4zm-8-12c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2h8c1.103 0 2-.897 2-2v-6c0-1.103-.897-2-2-2h-8z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/indicators/alert.png b/resources/lib/oojs-ui/images/indicators/alert.png Binary files differnew file mode 100644 index 00000000..dc41e497 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/alert.png diff --git a/resources/lib/oojs-ui/images/indicators/alert.svg b/resources/lib/oojs-ui/images/indicators/alert.svg new file mode 100644 index 00000000..e2e49a87 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/alert.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> + <g id="alert" opacity=".75"> + <path d="M6 12c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6zm-1-5h2v-5h-2zm0 3h2v-2h-2z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/indicators/arrow-down.png b/resources/lib/oojs-ui/images/indicators/arrow-down.png Binary files differnew file mode 100644 index 00000000..edbc84f7 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-down.png diff --git a/resources/lib/oojs-ui/images/indicators/arrow-down.svg b/resources/lib/oojs-ui/images/indicators/arrow-down.svg new file mode 100644 index 00000000..55670deb --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-down.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> + <g id="down" opacity=".75"> + <path id="arrow" d="M2 3l3.5 6 3.5-6z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/indicators/arrow-ltr.png b/resources/lib/oojs-ui/images/indicators/arrow-ltr.png Binary files differnew file mode 100644 index 00000000..8a85a05b --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-ltr.png diff --git a/resources/lib/oojs-ui/images/indicators/arrow-ltr.svg b/resources/lib/oojs-ui/images/indicators/arrow-ltr.svg new file mode 100644 index 00000000..5092d889 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-ltr.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> + <g id="ltr" opacity=".75"> + <path id="arrow" d="M3 9v-7l6 3.5z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/indicators/arrow-rtl.png b/resources/lib/oojs-ui/images/indicators/arrow-rtl.png Binary files differnew file mode 100644 index 00000000..07cc8885 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-rtl.png diff --git a/resources/lib/oojs-ui/images/indicators/arrow-rtl.svg b/resources/lib/oojs-ui/images/indicators/arrow-rtl.svg new file mode 100644 index 00000000..8d39de82 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-rtl.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> + <g id="rtl" opacity=".75"> + <path id="arrow" d="M3 5.5l6 3.5v-7z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/indicators/arrow-up.png b/resources/lib/oojs-ui/images/indicators/arrow-up.png Binary files differnew file mode 100644 index 00000000..f25858d7 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-up.png diff --git a/resources/lib/oojs-ui/images/indicators/arrow-up.svg b/resources/lib/oojs-ui/images/indicators/arrow-up.svg new file mode 100644 index 00000000..b9d725e4 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/arrow-up.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> + <g id="up" opacity=".75"> + <path id="arrow" d="M5.5 2l-3.5 6h7z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/indicators/required.png b/resources/lib/oojs-ui/images/indicators/required.png Binary files differnew file mode 100644 index 00000000..bca07c60 --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/required.png diff --git a/resources/lib/oojs-ui/images/indicators/required.svg b/resources/lib/oojs-ui/images/indicators/required.svg new file mode 100644 index 00000000..45035f4e --- /dev/null +++ b/resources/lib/oojs-ui/images/indicators/required.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> + <g id="required" opacity=".75"> + <path d="M5 1h2v10h-2zM9.83 2.634l1 1.732-8.66 5-1-1.732zM1.17 4.366l1-1.732 8.66 5-1 1.732z"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/textures/pending.gif b/resources/lib/oojs-ui/images/textures/pending.gif Binary files differnew file mode 100644 index 00000000..1194eed2 --- /dev/null +++ b/resources/lib/oojs-ui/images/textures/pending.gif diff --git a/resources/lib/oojs-ui/images/textures/transparency.png b/resources/lib/oojs-ui/images/textures/transparency.png Binary files differnew file mode 100644 index 00000000..1843f27d --- /dev/null +++ b/resources/lib/oojs-ui/images/textures/transparency.png diff --git a/resources/lib/oojs-ui/images/textures/transparency.svg b/resources/lib/oojs-ui/images/textures/transparency.svg new file mode 100644 index 00000000..63a0b57c --- /dev/null +++ b/resources/lib/oojs-ui/images/textures/transparency.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="16" height="16" viewBox="0, 0, 16, 16"> + <g id="transparency"> + <path d="M0,0 L8,0 L8,8 L0,8 z" fill="#CCCCCC"/> + <path d="M8,8 L16,8 L16,16 L8,16 z" fill="#CCCCCC"/> + <path d="M8,0 L16,0 L16,8 L8,8 z" fill="#FFFFFF"/> + <path d="M0,8 L8,8 L8,16 L0,16 z" fill="#FFFFFF"/> + </g> +</svg> diff --git a/resources/lib/oojs-ui/images/toolbar-shadow.png b/resources/lib/oojs-ui/images/toolbar-shadow.png Binary files differnew file mode 100644 index 00000000..97e8d13d --- /dev/null +++ b/resources/lib/oojs-ui/images/toolbar-shadow.png diff --git a/resources/lib/oojs-ui/oojs-ui-apex.css b/resources/lib/oojs-ui/oojs-ui-apex.css new file mode 100644 index 00000000..fdf41ae6 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-apex.css @@ -0,0 +1,1945 @@ +/*! + * OOjs UI v0.1.0-pre (f2c3f12959) + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-18T23:22:20Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +/* + * Base styles. + * + * Themes should include this file after defining their variables and mixins. + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-buttonElement-frameless { + display: inline-block; + position: relative; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + color: #333333; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-right: -0.75em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + opacity: 0.8; + width: 1.9em; + height: 1.9em; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */ + /*.oo-ui-transition(opacity 200ms);*/ +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #000000; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333333; + margin-left: 0.25em; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #087ecc; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #76ab36; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #d45353; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #cccccc; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.2em 0.8em; + border-radius: 0.3em; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + border: 1px #c9c9c9 solid; + -webkit-transition: border-color 100ms ease-in-out; + -moz-transition: border-color 100ms ease-in-out; + -ms-transition: border-color 100ms ease-in-out; + -o-transition: border-color 100ms ease-in-out; + transition: border-color 100ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + border-color: #aaaaaa; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.9em; +} +.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + color: black; + border-color: #c9c9c9; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: -0.5em; + margin-right: -0.5em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: -0.5em; + margin-right: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { + border-color: #9dc2d4; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a)); + background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + border-color: #adcb89; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1)); + background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #d45353; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + opacity: 0.5; + box-shadow: none; + color: #333333; + background: #eeeeee; + border-color: #cccccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { + border-color: #cccccc; + box-shadow: none; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { + overflow-y: hidden; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { + padding: 2em; +} +.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + left: 0; + right: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-right: solid 1px #dddddd; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-fieldLayout { + margin-bottom: 1em; +} +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + content: " "; + display: table; +} +.oo-ui-fieldLayout:after { + clear: both; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: right; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-right: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #cccccc; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; + border: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + font-size: 1.5em; + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-left: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + left: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-anchor { + z-index: 4; +} +.oo-ui-popupTool .oo-ui-popupWidget { + margin-left: 1.25em; + font-size: 0.8em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + margin: 0.3em; + border-radius: 0.25em; + border: solid 1px transparent; + -webkit-transition: border-color 300ms ease-in-out; + -moz-transition: border-color 300ms ease-in-out; + -ms-transition: border-color 300ms ease-in-out; + -o-transition: border-color 300ms ease-in-out; + transition: border-color 300ms ease-in-out; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-toolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { + color: #000000; +} +.oo-ui-barToolGroup > .oo-ui-iconElement-icon, +.oo-ui-barToolGroup > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-barToolGroup .oo-ui-tool-title, +.oo-ui-barToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-barToolGroup .oo-ui-tool { + margin: -1px 0 -1px -1px; + border: solid 1px transparent; +} +.oo-ui-barToolGroup .oo-ui-tool:first-child { + border-top-left-radius: 0.25em; + border-bottom-left-radius: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool:last-child { + margin-right: -1px; + border-top-right-radius: 0.25em; + border-bottom-right-radius: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + height: 1.5em; + padding: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 1.5em; + width: 1.5em; + opacity: 0.8; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-left-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.8; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-popupToolGroup { + position: relative; + height: 2em; + min-width: 2.5em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} +.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + right: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + top: 0; + width: 2em; + height: 2em; + opacity: 0.8; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 2.25em; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2em; + margin: 0 -1px; + border: solid 1px #cccccc; + background-color: white; + box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + margin-right: 0.25em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2em; + font-size: 0.8em; +} +.oo-ui-listToolGroup .oo-ui-tool { + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} +.oo-ui-listToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool { + border: solid 1px transparent; + margin: -1px 0; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-right: 0.5em; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-top-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.8; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled { + color: #cccccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: none; +} +.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: /* @embed */ url(images/icons/check.svg); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8em; +} +.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; +} +.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.25); +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 1em 0 0.25em; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #e1f3ff; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled { + color: #cccccc; + border-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: right; +} +.oo-ui-toolbar-tools { + display: inline; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions, +.oo-ui-toolbar-shadow { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.oo-ui-toolbar-shadow { + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #cccccc; + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%); +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-toolbar-shadow { + background-image: /* @embed */ url(images/toolbar-shadow.png); + bottom: -9px; + height: 9px; + opacity: 0.125; + -webkit-transition: opacity 500ms ease-in-out; + -moz-transition: opacity 500ms ease-in-out; + -ms-transition: opacity 500ms ease-in-out; + -o-transition: opacity 500ms ease-in-out; + transition: opacity 500ms ease-in-out; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.5em 2em 0.5em 3em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #e1f3ff; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { + background-color: #a7dcff; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #cccccc; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + right: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-left: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; +} +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + position: relative; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + position: static; + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + height: 1.9em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 1.9em; + margin-top: 0; +} +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { + background-color: transparent; +} +.oo-ui-labelWidget { + display: inline-block; + padding: 0.5em 0; +} +.oo-ui-iconWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-indicatorWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-left: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; +} +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; + border-radius: 1em; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd; + border: solid 1px #cccccc; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: none; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + opacity: 0.5; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); + border: 1px #c9c9c9 solid; + -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { + border-color: #aaaaaa; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + border-radius: 1em; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { + opacity: 1; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + left: 2.25em; + margin-left: -2px; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: block; + opacity: 0; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + left: 0.25em; + margin-left: 0; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-popupWidget-popup { + position: absolute; + overflow: hidden; + z-index: 1; +} +.oo-ui-popupWidget-anchor { + display: none; + z-index: 1; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + display: block; + position: absolute; + background-repeat: no-repeat; +} +.oo-ui-popupWidget-head { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + float: right; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: left; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: solid 1px #cccccc; + border-radius: 0.25em; + background-color: #ffffff; + box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + width: 15px; + height: 8px; + margin-left: -7px; + background-image: /* @embed */ url(images/anchor.svg); +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + margin: 0.25em; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + margin: 0.75em 1em; +} +.oo-ui-popupWidget-body { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + left: 1em; + cursor: auto; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 20em; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon { + left: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em; + font-size: 1em; + font-family: sans-serif; + background-color: #ffffff; + border: solid 1px #cccccc; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd; + border-radius: 0.25em; + -webkit-transition: border-color 200ms, box-shadow 200ms; + -moz-transition: border-color 200ms, box-shadow 200ms; + -ms-transition: border-color 200ms, box-shadow 200ms; + -o-transition: border-color 200ms, box-shadow 200ms; + transition: border-color 200ms, box-shadow 200ms; +} +.oo-ui-textInputWidget-decorated input, +.oo-ui-textInputWidget-decorated textarea { + padding-left: 2em; +} +.oo-ui-textInputWidget-icon { + width: 2em; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { + outline: none; + border-color: #a7dcff; + box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; +} +.oo-ui-textInputWidget input[readonly], +.oo-ui-textInputWidget textarea[readonly] { + color: #777777; + text-shadow: 0 1px 1px #ffffff; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-color: transparent; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget .oo-ui-iconElement-icon, +.oo-ui-textInputWidget .oo-ui-indicatorElement-indicator { + opacity: 0.8; +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-left: 2em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + width: 2em; + background-position: right center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-right: 1.5em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.5em; + background-position: left center; +} +.oo-ui-menuWidget { + position: absolute; + background: #ffffff; + margin-top: -1px; + border: solid 1px #cccccc; + border-radius: 0 0 0.25em 0.25em; + box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #e1f3ff; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888888; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-handle { + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; +} +.oo-ui-inlineMenuWidget-handle:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 0.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; + opacity: 0.8; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; +} +.oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-right: 1.5em; +} +.oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + opacity: 0.5; +} +.oo-ui-outlineItemWidget-level-0 { + padding-left: 3.5em; +} +.oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon { + left: 1em; +} +.oo-ui-outlineItemWidget-level-1 { + padding-left: 5em; +} +.oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon { + left: 2.5em; +} +.oo-ui-outlineItemWidget-level-2 { + padding-left: 6.5em; +} +.oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon { + left: 4em; +} +.oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected { + background-color: #a7dcff; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-important { + font-weight: bold; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder { + font-style: italic; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { + opacity: 0.5; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-outlineControlsWidget { + height: 3em; + background-color: #ffffff; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: left; + background-position: right center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: left; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-movers { + float: right; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; + opacity: 0.2; +} +.oo-ui-outlineControlsWidget-items { + margin-left: 0; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + z-index: 1; + min-width: 20em; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle { + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, +.oo-ui-comboBoxWidget > .oo-ui-selectWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + cursor: default; + opacity: 0.2; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; + box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} +.oo-ui-window { + line-height: 1em; + /* Content div takes focus when opened, so hide outline */ +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.oo-ui-window-content:focus { + outline: none; +} +.oo-ui-window-head, +.oo-ui-window-foot { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-window-body { + margin: 0; + padding: 0; + background: none; +} +.oo-ui-window-overlay { + position: absolute; + top: 0; + left: 0; +} +.oo-ui-window-isolated { + background-color: transparent; + background-image: none; + font-family: sans-serif; + font-size: 0.8em; +} +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { + position: absolute; + left: 0; + right: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + z-index: 1; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-dialog-content > .oo-ui-window-body { + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 1; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-overlay { + z-index: 3; +} +.oo-ui-dialog-content > .oo-ui-window-body { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + display: table-cell; + width: 1%; +} +.oo-ui-messageDialog-actions-vertical { + display: block; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; +} +.oo-ui-messageDialog-content .oo-ui-window-body { + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: left; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-right: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-right-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + text-align: center; + line-height: 3.4em; + padding: 0 2em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.oo-ui-processDialog-title { + display: inline; + padding: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget { + white-space: nowrap; +} +.oo-ui-processDialog-actions-safe, +.oo-ui-processDialog-actions-primary { + position: absolute; + top: 0; + bottom: 0; +} +.oo-ui-processDialog-actions-safe { + left: 0; +} +.oo-ui-processDialog-actions-primary { + right: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.4em; +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.4em; + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.4em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.9em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.9em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding-top: 0.75em; + padding-bottom: 0.75em; + min-width: 1.9em; + min-height: 1.9em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { + line-height: 1.9em; + padding: 0 1em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + margin-top: -0.125em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { + margin: 0.75em 0 0.75em 0.75em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + padding: 0; + vertical-align: middle; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { + margin: 0.75em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + /* Adjust for border so text aligns with title */ + margin: -1px; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} +.oo-ui-processDialog-errors { + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; +} +.oo-ui-processDialog-errors .oo-ui-buttonWidget { + margin: 2em 1em 2em 1em; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: left; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + height: 100%; +} +.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { + width: 100%; + height: 100%; + top: 0; + bottom: 0; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 1em; + bottom: 1em; + background-color: #ffffff; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease-in-out; + -moz-transition: all 250ms ease-in-out; + -ms-transition: all 250ms ease-in-out; + -o-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #cccccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} diff --git a/resources/lib/oojs-ui/oojs-ui-apex.rtl.css b/resources/lib/oojs-ui/oojs-ui-apex.rtl.css new file mode 100644 index 00000000..7dd7b61b --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-apex.rtl.css @@ -0,0 +1,1929 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-11T19:39:50Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +/* + * Base styles. + * + * Themes should include this file after defining their variables and mixins. + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-buttonElement-frameless { + display: inline-block; + position: relative; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + color: #333; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: -0.75em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + opacity: 0.8; + width: 1.9em; + height: 1.9em; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */ + /*.oo-ui-transition(opacity 200ms);*/ +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #000; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333; + margin-right: 0.25em; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #087ecc; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #76ab36; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #d45353; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.2em 0.8em; + border-radius: 0.3em; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + border: 1px #c9c9c9 solid; + -webkit-transition: border-color 100ms ease-in-out; + -moz-transition: border-color 100ms ease-in-out; + -ms-transition: border-color 100ms ease-in-out; + -o-transition: border-color 100ms ease-in-out; + transition: border-color 100ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + border-color: #aaa; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.9em; +} +.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + color: black; + border-color: #c9c9c9; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: -0.5em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { + border-color: #9dc2d4; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a)); + background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + border-color: #adcb89; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1)); + background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #d45353; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + opacity: 0.5; + box-shadow: none; + color: #333; + background: #eee; + border-color: #ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { + border-color: #ccc; + box-shadow: none; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { + overflow-y: hidden; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { + padding: 2em; +} +.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-left: solid 1px #ddd; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-fieldLayout { + margin-bottom: 1em; +} +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + content: " "; + display: table; +} +.oo-ui-fieldLayout:after { + clear: both; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-left: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; + border: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + font-size: 1.5em; + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-right: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + right: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-anchor { + z-index: 4; +} +.oo-ui-popupTool .oo-ui-popupWidget { + margin-right: 1.25em; + font-size: 0.8em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + margin: 0.3em; + border-radius: 0.25em; + border: solid 1px transparent; + -webkit-transition: border-color 300ms ease-in-out; + -moz-transition: border-color 300ms ease-in-out; + -ms-transition: border-color 300ms ease-in-out; + -o-transition: border-color 300ms ease-in-out; + transition: border-color 300ms ease-in-out; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-toolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { + color: #000; +} +.oo-ui-barToolGroup > .oo-ui-iconElement-icon, +.oo-ui-barToolGroup > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-barToolGroup .oo-ui-tool-title, +.oo-ui-barToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-barToolGroup .oo-ui-tool { + margin: -1px -1px -1px 0; + border: solid 1px transparent; +} +.oo-ui-barToolGroup .oo-ui-tool:first-child { + border-top-right-radius: 0.25em; + border-bottom-right-radius: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool:last-child { + margin-left: -1px; + border-top-left-radius: 0.25em; + border-bottom-left-radius: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + height: 1.5em; + padding: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 1.5em; + width: 1.5em; + opacity: 0.8; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-right-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.8; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-popupToolGroup { + position: relative; + height: 2em; + min-width: 2.5em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} +.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { + right: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + top: 0; + width: 2em; + height: 2em; + opacity: 0.8; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.25em; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2em; + margin: 0 -1px; + border: solid 1px #ccc; + background-color: white; + box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + margin-left: 0.25em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2em; + font-size: 0.8em; +} +.oo-ui-listToolGroup .oo-ui-tool { + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} +.oo-ui-listToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool { + border: solid 1px transparent; + margin: -1px 0; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-left: 0.5em; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-top-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.8; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled { + color: #ccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: none; +} +.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: /* @embed */ url(images/icons/check.svg); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8em; +} +.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; +} +.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.25); +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 0.25em 0 1em; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #e1f3ff; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled { + color: #ccc; + border-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: left; +} +.oo-ui-toolbar-tools { + display: inline; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions, +.oo-ui-toolbar-shadow { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.oo-ui-toolbar-shadow { + background-position: right top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #ccc; + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%); +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-toolbar-shadow { + background-image: /* @embed */ url(images/toolbar-shadow.png); + bottom: -9px; + height: 9px; + opacity: 0.125; + -webkit-transition: opacity 500ms ease-in-out; + -moz-transition: opacity 500ms ease-in-out; + -ms-transition: opacity 500ms ease-in-out; + -o-transition: opacity 500ms ease-in-out; + transition: opacity 500ms ease-in-out; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.5em 3em 0.5em 2em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #e1f3ff; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { + background-color: #a7dcff; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #ccc; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + left: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + position: relative; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + position: static; + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + height: 1.9em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 1.9em; + margin-top: 0; +} +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { + background-color: transparent; +} +.oo-ui-labelWidget { + display: inline-block; + padding: 0.5em 0; +} +.oo-ui-iconWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-indicatorWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-right: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; + border-radius: 1em; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; + border: solid 1px #ccc; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: none; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + opacity: 0.5; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + right: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); + border: 1px #c9c9c9 solid; + -webkit-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -moz-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -ms-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -o-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { + border-color: #aaa; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + border-radius: 1em; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { + opacity: 1; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + right: 2.25em; + margin-right: -2px; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: block; + opacity: 0; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + right: 0.25em; + margin-right: 0; +} +.oo-ui-popupWidget-popup { + position: absolute; + overflow: hidden; + z-index: 1; +} +.oo-ui-popupWidget-anchor { + display: none; + z-index: 1; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + display: block; + position: absolute; + background-repeat: no-repeat; +} +.oo-ui-popupWidget-head { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + float: left; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: right; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: solid 1px #ccc; + border-radius: 0.25em; + background-color: #fff; + box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + width: 15px; + height: 8px; + margin-right: -7px; + background-image: /* @embed */ url(images/anchor.svg); +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + margin: 0.25em; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + margin: 0.75em 1em; +} +.oo-ui-popupWidget-body { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + right: 1em; + cursor: auto; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 20em; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em; + font-size: 1em; + font-family: sans-serif; + background-color: #fff; + border: solid 1px #ccc; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; + border-radius: 0.25em; + -webkit-transition: border-color 200ms, box-shadow 200ms; + -moz-transition: border-color 200ms, box-shadow 200ms; + -ms-transition: border-color 200ms, box-shadow 200ms; + -o-transition: border-color 200ms, box-shadow 200ms; + transition: border-color 200ms, box-shadow 200ms; +} +.oo-ui-textInputWidget-decorated input, +.oo-ui-textInputWidget-decorated textarea { + padding-right: 2em; +} +.oo-ui-textInputWidget-icon { + width: 2em; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { + outline: none; + border-color: #a7dcff; + box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; +} +.oo-ui-textInputWidget input[readonly], +.oo-ui-textInputWidget textarea[readonly] { + color: #777; + text-shadow: 0 1px 1px #fff; +} +.oo-ui-textInputWidget-pending input, +.oo-ui-textInputWidget-pending textarea { + background-color: transparent; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget .oo-ui-iconElement-icon, +.oo-ui-textInputWidget .oo-ui-indicatorElement-indicator { + opacity: 0.8; +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-right: 2em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + width: 2em; + background-position: left center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-left: 1.5em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.5em; + background-position: right center; +} +.oo-ui-menuWidget { + position: absolute; + background: #fff; + margin-top: -1px; + border: solid 1px #ccc; + border-radius: 0 0 0.25em 0.25em; + box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #e1f3ff; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-handle { + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; +} +.oo-ui-inlineMenuWidget-handle:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 0.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; + opacity: 0.8; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 2em; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; +} +.oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-left: 1.5em; +} +.oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + opacity: 0.5; +} +.oo-ui-outlineItemWidget-level-0 { + padding-right: 3.5em; +} +.oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon { + right: 1em; +} +.oo-ui-outlineItemWidget-level-1 { + padding-right: 5em; +} +.oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon { + right: 2.5em; +} +.oo-ui-outlineItemWidget-level-2 { + padding-right: 6.5em; +} +.oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon { + right: 4em; +} +.oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected { + background-color: #a7dcff; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-important { + font-weight: bold; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder { + font-style: italic; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { + opacity: 0.5; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { + color: #777; +} +.oo-ui-outlineControlsWidget { + height: 3em; + background-color: #fff; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: right; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: right; + background-position: left center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: right; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-movers { + float: left; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0.5em 0.5em 0; + opacity: 0.2; +} +.oo-ui-outlineControlsWidget-items { + margin-right: 0; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + z-index: 1; + min-width: 20em; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle { + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, +.oo-ui-comboBoxWidget > .oo-ui-selectWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + cursor: default; + opacity: 0.2; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + right: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; + box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} +.oo-ui-window { + line-height: 1em; + /* Content div takes focus when opened, so hide outline */ +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.oo-ui-window-content:focus { + outline: none; +} +.oo-ui-window-head, +.oo-ui-window-foot { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-window-body { + margin: 0; + padding: 0; + background: none; +} +.oo-ui-window-overlay { + position: absolute; + top: 0; + right: 0; +} +.oo-ui-window-isolated { + background-color: transparent; + background-image: none; + font-family: sans-serif; + font-size: 0.8em; +} +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { + position: absolute; + right: 0; + left: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + z-index: 1; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 1; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-overlay { + z-index: 3; +} +.oo-ui-dialog-content > .oo-ui-window-body { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + display: table-cell; + width: 1%; +} +.oo-ui-messageDialog-actions-vertical { + display: block; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; +} +.oo-ui-messageDialog-content .oo-ui-window-body { + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: right; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-left: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-left-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + text-align: center; + line-height: 3.4em; + padding: 0 2em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.oo-ui-processDialog-title { + display: inline; + padding: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget { + white-space: nowrap; +} +.oo-ui-processDialog-actions-safe, +.oo-ui-processDialog-actions-primary { + position: absolute; + top: 0; + bottom: 0; +} +.oo-ui-processDialog-actions-safe { + right: 0; +} +.oo-ui-processDialog-actions-primary { + left: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.4em; +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.4em; + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.4em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.9em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.9em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding-top: 0.75em; + padding-bottom: 0.75em; + min-width: 1.9em; + min-height: 1.9em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { + line-height: 1.9em; + padding: 0 1em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + margin-top: -0.125em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { + margin: 0.75em 0.75em 0.75em 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + padding: 0; + vertical-align: middle; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { + margin: 0.75em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + /* Adjust for border so text aligns with title */ + margin: -1px; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} +.oo-ui-processDialog-errors { + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; +} +.oo-ui-processDialog-errors .oo-ui-buttonWidget { + margin: 2em 1em 2em 1em; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: right; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { + width: auto; + height: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: fixed; + left: 0; + right: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + height: 100%; +} +.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { + width: 100%; + height: 100%; + top: 0; + bottom: 0; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 1em; + bottom: 1em; + background-color: #fff; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease-in-out; + -moz-transition: all 250ms ease-in-out; + -ms-transition: all 250ms ease-in-out; + -o-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #ccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} diff --git a/resources/lib/oojs-ui/oojs-ui-minerva.css b/resources/lib/oojs-ui/oojs-ui-minerva.css new file mode 100644 index 00000000..36492c05 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-minerva.css @@ -0,0 +1,1397 @@ +/*! + * OOjs UI v0.1.0-pre (f2c3f12959) + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-18T23:22:20Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +/* + * Base styles. + * + * Themes should include this file after defining their variables and mixins. + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-buttonElement-frameless { + display: inline-block; + position: relative; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-right: -0.75em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + width: 3.35em; + height: 3.35em; + background-size: 2em auto; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + margin-left: 0.25em; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.9em; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { + overflow-y: hidden; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { + padding: 2em; +} +.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + left: 0; + right: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 0 0 1em; +} +.oo-ui-fieldLayout { + margin-bottom: 1em; +} +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + content: " "; + display: table; +} +.oo-ui-fieldLayout:after { + clear: both; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: right; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-right: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #cccccc; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-left: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + left: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; + padding: 1em 3.35em; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-anchor { + z-index: 4; +} +.oo-ui-popupTool .oo-ui-popupWidget { + margin-left: 1.25em; + font-size: 0.8em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + margin: 0.3em; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-barToolGroup > .oo-ui-iconElement-icon, +.oo-ui-barToolGroup > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-barToolGroup .oo-ui-tool-title, +.oo-ui-barToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + height: 1.5em; + padding: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 1.5em; + width: 1.5em; +} +.oo-ui-popupToolGroup { + position: relative; + height: 2em; + min-width: 2.5em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} +.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + right: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + top: 0; + width: 2em; + height: 2em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 2.25em; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2.3em; + margin: 0 -1px; + border: solid 1px #dddddd; + background-color: white; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + margin-right: 0.25em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2em; + font-size: 0.8em; +} +.oo-ui-listToolGroup .oo-ui-tool { + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-right: 0.5em; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: none; +} +.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: /* @embed */ url(images/icons/check.svg); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8em; +} +.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 1em 0 0.25em; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: right; +} +.oo-ui-toolbar-tools { + display: inline; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions, +.oo-ui-toolbar-shadow { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.oo-ui-toolbar-shadow { + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #dddddd; + background: white; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-selectWidget { + margin: 0; + padding: 0; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.8em 1em 0.8em 3.35em; + border: none; + font-weight: bold; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-optionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-right: 1.5em; +} +.oo-ui-optionWidget-level-0 { + padding-left: 3.5em; +} +.oo-ui-optionWidget-level-0 .oo-ui-iconElement-icon { + left: 1em; +} +.oo-ui-optionWidget-level-1 { + padding-left: 5em; +} +.oo-ui-optionWidget-level-1 .oo-ui-iconElement-icon { + left: 2.5em; +} +.oo-ui-optionWidget-level-2 { + padding-left: 6.5em; +} +.oo-ui-optionWidget-level-2 .oo-ui-iconElement-icon { + left: 4em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + right: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; +} +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + position: relative; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + position: static; + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + height: 1.9em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 1.9em; + margin-top: 0; +} +.oo-ui-labelWidget { + display: inline-block; + padding: 0.5em 0; +} +.oo-ui-iconWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-indicatorWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-left: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; +} +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: none; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + left: 2.25em; + margin-left: -2px; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + left: 0.25em; + margin-left: 0; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-popupWidget-popup { + position: absolute; + overflow: hidden; + z-index: 1; +} +.oo-ui-popupWidget-anchor { + display: none; + z-index: 1; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + display: block; + position: absolute; + background-repeat: no-repeat; +} +.oo-ui-popupWidget-head { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + float: right; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: left; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + margin: 0.25em; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + margin: 0.75em 1em; +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + left: 1em; + cursor: auto; +} +.oo-ui-lookupInputWidget-menu { + background-color: #ffffff; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon { + left: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.8em 1em; +} +.oo-ui-menuWidget { + position: absolute; + background: white; + border: solid 1px #dddddd; +} +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background: #347bff; + color: #ffffff; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + background-size: 24px auto; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + font-weight: normal; + color: #777777; + border: none; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-handle { + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 0.5em; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.75em; +} +.oo-ui-outlineControlsWidget { + height: 3em; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: left; + background-position: right center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: left; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-movers { + float: right; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; +} +.oo-ui-outlineControlsWidget-items { + margin-left: 0; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + z-index: 1; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget > .oo-ui-selectWidget { + min-width: 20em; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} +.oo-ui-window { + line-height: 1em; + /* Content div takes focus when opened, so hide outline */ +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.oo-ui-window-content:focus { + outline: none; +} +.oo-ui-window-head, +.oo-ui-window-foot { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-window-body { + margin: 0; + padding: 0; + background: none; +} +.oo-ui-window-overlay { + position: absolute; + top: 0; + left: 0; +} +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { + position: absolute; + left: 0; + right: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + z-index: 1; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-dialog-content > .oo-ui-window-body { + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 1; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-overlay { + z-index: 3; +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + display: table-cell; + width: 1%; +} +.oo-ui-messageDialog-actions-vertical { + display: block; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: left; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-right: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-right-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + text-align: center; + line-height: 3.4em; + padding: 0 2em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.oo-ui-processDialog-title { + display: inline; + padding: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget { + white-space: nowrap; +} +.oo-ui-processDialog-actions-safe, +.oo-ui-processDialog-actions-primary { + position: absolute; + top: 0; + bottom: 0; +} +.oo-ui-processDialog-actions-safe { + left: 0; +} +.oo-ui-processDialog-actions-primary { + right: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.35em; + border-bottom: 1px solid #dddddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.35em; + padding: 2em 0; +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.35em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.85em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.85em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding: 0.35em 0.75em; + min-width: 1.85em; + min-height: 1.85em; + border: 1px solid #dddddd; + border-radius: 4px; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { + line-height: 1.85em; + padding: 0 1em; + font-weight: bold; + color: #777777; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + margin-top: -0.125em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + vertical-align: middle; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button { + border: 1px solid transparent; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label { + color: #d11d13; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding: 0.75em 0.35em; + border: none; + border-radius: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button { + background-color: #347bff; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + color: #ffffff; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-other { + position: absolute; + bottom: 1em; +} +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} +.oo-ui-processDialog-errors { + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; +} +.oo-ui-processDialog-errors .oo-ui-buttonWidget { + margin: 2em 1em 2em 1em; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: left; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + height: 100%; +} +.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { + width: 100%; + height: 100%; + top: 0; + bottom: 0; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 0; + bottom: 0; + background-color: #ffffff; + -webkit-transform: translate3d(0, -200%, 0); + -moz-transform: translate3d(0, -200%, 0); + -ms-transform: translate3d(0, -200%, 0); + -o-transform: translate3d(0, -200%, 0); + transform: translate3d(0, -200%, 0); + -webkit-transition: transform 250ms ease-in-out; + -moz-transition: transform 250ms ease-in-out; + -ms-transition: transform 250ms ease-in-out; + -o-transition: transform 250ms ease-in-out; + transition: transform 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #cccccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} + +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/minerva/images/icons/check.png); + background: #347bff; +} diff --git a/resources/lib/oojs-ui/oojs-ui-minerva.rtl.css b/resources/lib/oojs-ui/oojs-ui-minerva.rtl.css new file mode 100644 index 00000000..e452952a --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-minerva.rtl.css @@ -0,0 +1,1381 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-11T19:39:50Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +/* + * Base styles. + * + * Themes should include this file after defining their variables and mixins. + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-buttonElement-frameless { + display: inline-block; + position: relative; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: -0.75em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + width: 3.35em; + height: 3.35em; + background-size: 2em auto; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + margin-right: 0.25em; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.9em; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { + overflow-y: hidden; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { + padding: 2em; +} +.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 0 0 1em; +} +.oo-ui-fieldLayout { + margin-bottom: 1em; +} +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + content: " "; + display: table; +} +.oo-ui-fieldLayout:after { + clear: both; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-left: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-right: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + right: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; + padding: 1em 3.35em; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-anchor { + z-index: 4; +} +.oo-ui-popupTool .oo-ui-popupWidget { + margin-right: 1.25em; + font-size: 0.8em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + margin: 0.3em; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-barToolGroup > .oo-ui-iconElement-icon, +.oo-ui-barToolGroup > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-barToolGroup .oo-ui-tool-title, +.oo-ui-barToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + height: 1.5em; + padding: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 1.5em; + width: 1.5em; +} +.oo-ui-popupToolGroup { + position: relative; + height: 2em; + min-width: 2.5em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} +.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { + right: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + top: 0; + width: 2em; + height: 2em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.25em; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2.3em; + margin: 0 -1px; + border: solid 1px #dddddd; + background-color: white; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + margin-left: 0.25em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2em; + font-size: 0.8em; +} +.oo-ui-listToolGroup .oo-ui-tool { + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-left: 0.5em; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: none; +} +.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: /* @embed */ url(images/icons/check.svg); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8em; +} +.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 0.25em 0 1em; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: left; +} +.oo-ui-toolbar-tools { + display: inline; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions, +.oo-ui-toolbar-shadow { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.oo-ui-toolbar-shadow { + background-position: right top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #dddddd; + background: white; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-selectWidget { + margin: 0; + padding: 0; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.8em 3.35em 0.8em 1em; + border: none; + font-weight: bold; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-optionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-left: 1.5em; +} +.oo-ui-optionWidget-level-0 { + padding-right: 3.5em; +} +.oo-ui-optionWidget-level-0 .oo-ui-iconElement-icon { + right: 1em; +} +.oo-ui-optionWidget-level-1 { + padding-right: 5em; +} +.oo-ui-optionWidget-level-1 .oo-ui-iconElement-icon { + right: 2.5em; +} +.oo-ui-optionWidget-level-2 { + padding-right: 6.5em; +} +.oo-ui-optionWidget-level-2 .oo-ui-iconElement-icon { + right: 4em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + left: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; +} +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + position: relative; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + position: static; + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + height: 1.9em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 1.9em; + margin-top: 0; +} +.oo-ui-labelWidget { + display: inline-block; + padding: 0.5em 0; +} +.oo-ui-iconWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-indicatorWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-right: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: none; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + right: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + -webkit-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -moz-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -ms-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -o-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + right: 2.25em; + margin-right: -2px; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + right: 0.25em; + margin-right: 0; +} +.oo-ui-popupWidget-popup { + position: absolute; + overflow: hidden; + z-index: 1; +} +.oo-ui-popupWidget-anchor { + display: none; + z-index: 1; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + display: block; + position: absolute; + background-repeat: no-repeat; +} +.oo-ui-popupWidget-head { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + float: left; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: right; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + margin: 0.25em; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + margin: 0.75em 1em; +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + right: 1em; + cursor: auto; +} +.oo-ui-lookupInputWidget-menu { + background-color: #fff; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: .8em 1em; +} +.oo-ui-menuWidget { + position: absolute; + background: white; + border: solid 1px #dddddd; +} +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background: #347bff; + color: #ffffff; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + background-size: 24px auto; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + font-weight: normal; + color: #777777; + border: none; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-handle { + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 0.5em; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 2em; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.75em; +} +.oo-ui-outlineControlsWidget { + height: 3em; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: right; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: right; + background-position: left center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: right; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-movers { + float: left; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0.5em 0.5em 0; +} +.oo-ui-outlineControlsWidget-items { + margin-right: 0; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + z-index: 1; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget > .oo-ui-selectWidget { + min-width: 20em; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + right: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} +.oo-ui-window { + line-height: 1em; + /* Content div takes focus when opened, so hide outline */ +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.oo-ui-window-content:focus { + outline: none; +} +.oo-ui-window-head, +.oo-ui-window-foot { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-window-body { + margin: 0; + padding: 0; + background: none; +} +.oo-ui-window-overlay { + position: absolute; + top: 0; + right: 0; +} +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { + position: absolute; + right: 0; + left: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + z-index: 1; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 1; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-overlay { + z-index: 3; +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + display: table-cell; + width: 1%; +} +.oo-ui-messageDialog-actions-vertical { + display: block; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: right; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-left: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-left-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + text-align: center; + line-height: 3.4em; + padding: 0 2em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.oo-ui-processDialog-title { + display: inline; + padding: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget { + white-space: nowrap; +} +.oo-ui-processDialog-actions-safe, +.oo-ui-processDialog-actions-primary { + position: absolute; + top: 0; + bottom: 0; +} +.oo-ui-processDialog-actions-safe { + right: 0; +} +.oo-ui-processDialog-actions-primary { + left: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.35em; + border-bottom: 1px solid #dddddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.35em; + padding: 2em 0; +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.35em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.85em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.85em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding: 0.35em 0.75em; + min-width: 1.85em; + min-height: 1.85em; + border: 1px solid #dddddd; + border-radius: 4px; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { + line-height: 1.85em; + padding: 0 1em; + font-weight: bold; + color: #777777; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + margin-top: -0.125em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + vertical-align: middle; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button { + border: 1px solid transparent; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label { + color: #d11d13; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding: 0.75em 0.35em; + border: none; + border-radius: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button { + background-color: #347bff; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + color: #ffffff; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.oo-ui-processDialog-actions-other { + position: absolute; + bottom: 1em; +} +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} +.oo-ui-processDialog-errors { + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; +} +.oo-ui-processDialog-errors .oo-ui-buttonWidget { + margin: 2em 1em 2em 1em; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: right; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { + width: auto; + height: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: fixed; + left: 0; + right: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + height: 100%; +} +.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { + width: 100%; + height: 100%; + top: 0; + bottom: 0; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 0; + bottom: 0; + background-color: #fff; + -webkit-transform: translate3d(0, -200%, 0); + -moz-transform: translate3d(0, -200%, 0); + -ms-transform: translate3d(0, -200%, 0); + -o-transform: translate3d(0, -200%, 0); + transform: translate3d(0, -200%, 0); + -webkit-transition: transform 250ms ease-in-out; + -moz-transition: transform 250ms ease-in-out; + -ms-transition: transform 250ms ease-in-out; + -o-transition: transform 250ms ease-in-out; + transition: transform 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #ccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} + +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/minerva/images/icons/check.png); + background: #347bff; +} diff --git a/resources/lib/oojs-ui/oojs-ui.css b/resources/lib/oojs-ui/oojs-ui.css new file mode 100644 index 00000000..fa077068 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui.css @@ -0,0 +1,1159 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: Fri May 30 2014 12:12:37 GMT-0700 (PDT) + */ + +/* Textures */ + +.oo-ui-texture-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} + +.oo-ui-texture-transparency { + background-image: /* @embed */ url(images/textures/transparency.png); +} + +/* RTL Definitions */ + +/* @noflip */ + +.oo-ui-rtl { + direction: rtl; +} + +/* @noflip */ + +.oo-ui-ltr { + direction: ltr; +} + +.oo-ui-dialog { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; + line-height: 1em; + /* Fix for strange opacity-related rendering issues. + CAUTION: -webkit-backface-visibility: hidden; is EXTREMELY DANGEROUS. + If applied to a VE surface directly, it will break selection of + FocusableNodes, and in the past it's caused transparent PNGs to + render as opaque black images. For some reason applying it to the dialog + wrapper in the main document fixes opacity-related behavior in the iframe + document, but doesn't break the surface inside the iframe. */ + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.oo-ui-dialog > .oo-ui-window-frame { + position: fixed; + right: 0; + left: 0; + min-height: 12em; + margin: auto; + overflow: hidden; +} + +.oo-ui-dialog > .oo-ui-window-frame .oo-ui-frame { + width: 100%; + height: 100%; +} + +.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed { + float: left; +} + +.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-primary, +.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-constructive, +.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-destructive { + float: right; +} + +.oo-ui-dialog-content-footless .oo-ui-window-foot { + display: none; +} + +.oo-ui-frame { + padding: 0; + margin: 0; +} + +.oo-ui-frame-body { + padding: 0; + margin: 0; + background: none; +} + +.oo-ui-frame-content:focus { + outline: none; +} + +.oo-ui-toolbar { + clear: both; +} + +.oo-ui-toolbar-bar { + line-height: 1em; +} + +.oo-ui-toolbar-bottom .oo-ui-toolbar-bar { + position: absolute; +} + +.oo-ui-toolbar-actions { + float: right; +} + +.oo-ui-toolbar-tools { + float: left; +} + +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions, +.oo-ui-toolbar-shadow { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; + -webkit-touch-callout: default; +} + +.oo-ui-toolbar-shadow { + position: absolute; + width: 100%; + pointer-events: none; + background-position: left top; + background-repeat: repeat-x; +} + +.oo-ui-toolGroup { + display: inline-block; + margin: 0.3em; + vertical-align: middle; +} + +.oo-ui-toolGroup-empty { + display: none; +} + +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-window-head { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-window-icon { + float: left; + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-window-title { + float: left; + white-space: nowrap; + cursor: default; +} + +.oo-ui-window-overlay { + position: absolute; + top: 0; + left: 0; +} + +.oo-ui-buttonedElement .oo-ui-buttonedElement-button { + display: inline-block; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon { + display: none; + margin-left: 0; +} + +.oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator { + display: none; + margin-right: -0.75em; +} + +.oo-ui-buttonedElement.oo-ui-widget-disabled .oo-ui-buttonedElement-button { + cursor: default; +} + +.oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator, +.oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-buttonedElement-frameless { + position: relative; + display: inline-block; +} + +.oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label { + display: inline-block; + margin-left: 0.25em; + vertical-align: middle; +} + +.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { + display: inline-block; + text-align: center; + vertical-align: top; +} + +.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label { + display: inline-block; + line-height: 1.9em; + vertical-align: middle; +} + +.oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button, +.oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active, +.oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed { + cursor: default; +} + +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { + overflow-y: hidden; +} + +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} + +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { + padding: 2em; +} + +.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { + position: absolute; + top: 0; + right: 0; + bottom: 3em; + left: 0; + overflow-y: auto; +} + +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + right: 0; + bottom: 0; + left: 0; +} + +.oo-ui-fieldLayout { + margin-bottom: 1em; +} + +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} + +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + display: table; + content: " "; +} + +.oo-ui-fieldLayout:after { + clear: both; +} + +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labeledElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label { + display: block; + float: left; + width: 35%; + padding-top: 0.5em; + margin-right: 5%; +} + +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: left; + width: 60%; +} + +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label { + text-align: right; +} + +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labeledElement-label { + display: inline-block; + padding: 0.75em 0.5em 0.5em 0.5em; + vertical-align: middle; +} + +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + padding: 0.5em 0; + vertical-align: middle; +} + +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labeledElement-label { + padding: 0.5em 0; +} + +.oo-ui-fieldsetLayout { + position: relative; + padding: 0; + margin: 0; +} + +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { + margin-top: 2em; +} + +.oo-ui-fieldsetLayout-labeled { + margin-top: -0.75em; +} + +.oo-ui-fieldsetLayout > .oo-ui-labeledElement-label { + padding: 0.25em 0; + margin-bottom: 0.5em; +} + +.oo-ui-fieldsetLayout.oo-ui-iconedElement > .oo-ui-labeledElement-label { + padding-left: 1.75em; + line-height: 1.33em; +} + +.oo-ui-fieldsetLayout.oo-ui-iconedElement > .oo-ui-iconedElement-icon { + position: absolute; + top: 0.25em; + left: 0; + display: block; + width: 2em; + height: 2em; + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.oo-ui-labelWidget { + padding: 0.5em 0; +} + +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} + +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} + +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + position: relative; + display: block; +} + +.oo-ui-barToolGroup > .oo-ui-iconedElement-icon, +.oo-ui-barToolGroup > .oo-ui-labeledElement-label { + display: none; +} + +.oo-ui-barToolGroup .oo-ui-tool { + position: relative; + display: inline-block; + vertical-align: top; +} + +.oo-ui-barToolGroup .oo-ui-tool-link { + display: block; + height: 1.5em; + padding: 0.25em; +} + +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { + display: block; + width: 1.5em; + height: 1.5em; +} + +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} + +.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} + +.oo-ui-barToolGroup .oo-ui-tool-title, +.oo-ui-barToolGroup .oo-ui-tool-accel { + display: none; +} + +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { + cursor: pointer; +} + +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} + +.oo-ui-listToolGroup .oo-ui-tool { + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + padding-right: 0.5em; + white-space: nowrap; + cursor: pointer; +} + +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} + +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8em; +} + +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} + +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + padding: 0.25em 1em 0.25em 0.25em; + white-space: nowrap; + cursor: pointer; +} + +.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { + background-image: none; +} + +.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon { + background-image: /* @embed */ url(images/icons/check.png); +} + +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} + +.oo-ui-popupToolGroup { + position: relative; + height: 2em; + min-width: 2.5em; +} + +.oo-ui-popupToolGroup.oo-ui-indicatedElement.oo-ui-iconedElement { + min-width: 3.5em; +} + +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} + +.oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon { + position: absolute; + top: 0; + width: 2em; + height: 2em; + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator { + right: 0; +} + +.oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon { + left: 0.25em; +} + +.oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label { + margin: 0 1em; + font-size: 0.8em; + line-height: 2.6em; +} + +.oo-ui-popupToolGroup-header { + margin: 0 0.6em; + font-size: 0.8em; + font-weight: bold; + line-height: 2.6em; +} + +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} + +.oo-ui-popupToolGroup.oo-ui-iconedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label { + margin-left: 3em; +} + +.oo-ui-popupToolGroup.oo-ui-indicatedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label { + margin-right: 2.25em; +} + +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + position: absolute; + top: 2em; + left: -1px; + z-index: 4; + display: none; +} + +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon { + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} + +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { + display: inline-block; + width: 2em; + height: 2em; + margin-right: 0.25em; + vertical-align: middle; +} + +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + font-size: 0.8em; + line-height: 2em; + vertical-align: middle; +} + +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} + +.oo-ui-popupTool .oo-ui-popupWidget { + margin-left: 1.25em; + font-size: 0.8em; +} + +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-tail { + z-index: 4; +} + +.oo-ui-iconWidget { + display: inline-block; + width: 1.9em; + height: 1.9em; + line-height: 2.5em; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + opacity: 0.8; +} + +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} + +.oo-ui-indicatorWidget { + display: inline-block; + width: 1.9em; + height: 1.9em; + line-height: 2.5em; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + opacity: 0.8; +} + +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} + +.oo-ui-selectWidget { + padding: 0; + margin: 0; + list-style: none; +} + +.oo-ui-optionWidget { + position: relative; + display: block; + margin: 0; + list-style: none; + cursor: pointer; + border: none; +} + +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} + +.oo-ui-optionWidget .oo-ui-labeledElement-label { + display: block; + overflow: hidden; + line-height: 1.5em; + text-overflow: ellipsis; + white-space: nowrap; +} + +.oo-ui-optionWidget .oo-ui-iconedElement-icon, +.oo-ui-optionWidget .oo-ui-indicatedElement-indicator { + position: absolute; + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-optionWidget .oo-ui-iconedElement-icon { + left: 0.5em; +} + +.oo-ui-optionWidget .oo-ui-indicatedElement-indicator { + right: 0.5em; +} + +.oo-ui-menuWidget { + position: absolute; +} + +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} + +.oo-ui-popupWidget-popup { + position: absolute; + overflow: hidden; +} + +.oo-ui-popupWidget-tail { + display: none; +} + +.oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup { + margin-top: 7px; +} + +.oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail { + position: absolute; + display: block; + background-repeat: no-repeat; +} + +.oo-ui-popupWidget-head { + height: 2.5em; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + float: right; + margin: 0.25em; +} + +.oo-ui-popupWidget-head .oo-ui-labeledElement-label { + float: left; + margin: 0.75em 1em; + cursor: default; +} + +.oo-ui-popupWidget-body { + clear: both; +} + +.oo-ui-buttonGroupWidget { + border-radius: 0.3em; +} + +.oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { + margin-bottom: -1px; + margin-left: -1px; + border-radius: 0; +} + +.oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button { + margin-left: 0; + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} + +.oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button { + border-top-right-radius: 0.3em; + border-bottom-right-radius: 0.3em; +} + +.oo-ui-buttonOptionWidget { + display: inline-block; + background-color: transparent; +} + +.oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button { + position: relative; + height: 1.9em; +} + +.oo-ui-buttonOptionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator { + position: static; + display: inline-block; + height: 1.9em; + margin-top: 0; + vertical-align: middle; +} + +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; +} + +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} + +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + min-width: 20em; + margin: 0.25em 0; +} + +.oo-ui-inlineMenuWidget-handle { + display: inline-block; + width: 100%; + height: 2.5em; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon { + position: absolute; + top: 0; + width: 2.5em; + height: 2.5em; + background-position: center center; + background-repeat: no-repeat; +} + +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator { + right: 0; +} + +.oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon { + left: 0.25em; +} + +.oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label { + margin: 0 0.5em; + line-height: 2.5em; +} + +.oo-ui-inlineMenuWidget.oo-ui-iconedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label { + margin-left: 3em; +} + +.oo-ui-inlineMenuWidget.oo-ui-indicatedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label { + margin-right: 2em; +} + +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} + +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} + +.oo-ui-menuItemWidget { + position: relative; +} + +.oo-ui-menuItemWidget .oo-ui-iconedElement-icon { + display: none; +} + +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} + +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon { + display: block; +} + +.oo-ui-menuSectionItemWidget { + cursor: default; +} + +.oo-ui-outlineControlsWidget { + height: 3em; +} + +.oo-ui-outlineControlsWidget-adders, +.oo-ui-outlineControlsWidget-movers { + float: left; + height: 2em; + padding: 0; + margin: 0.5em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon { + float: left; + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; + background-position: right center; + background-repeat: no-repeat; +} + +.oo-ui-outlineControlsWidget-adders { + float: left; + margin-left: 0; +} + +.oo-ui-outlineControlsWidget-adders .oo-ui-buttonWidget { + float: left; +} + +.oo-ui-outlineControlsWidget-movers { + float: right; +} + +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: right; +} + +.oo-ui-outlineItemWidget { + position: relative; + padding: 0.75em; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-popupButtonWidget { + position: relative; +} + +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + left: 1em; + cursor: auto; +} + +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; + height: 4em; + padding: 0 1em; +} + +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; + margin: 0.75em 0; +} + +.oo-ui-searchWidget-results { + position: absolute; + top: 4em; + right: 0; + bottom: 0; + left: 0; + padding: 1em; + overflow-x: hidden; + overflow-y: auto; + line-height: 0; +} + +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + resize: none; +} + +.oo-ui-textInputWidget-icon { + position: absolute; + top: 0; + left: 0; + height: 100%; + background-position: right center; + background-repeat: no-repeat; +} + +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + width: 4em; + height: 2em; + overflow: hidden; + vertical-align: middle; + cursor: pointer; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} + +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + top: 0.25em; + left: 0.25em; + display: block; + width: 1.5em; + height: 1.5em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; + transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; +} + +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; +} + +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + left: 2.25em; + margin-left: -2px; +} + +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + left: 0.25em; + margin-left: 0; +} + +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: none; +} + +/* Icons */ + +.oo-ui-icon-add-item { + background-image: /* @embed */ url(images/icons/add-item.png); +} + +.oo-ui-icon-advanced { + background-image: /* @embed */ url(images/icons/advanced.png); +} + +.oo-ui-icon-alert { + background-image: /* @embed */ url(images/icons/alert.png); +} + +.oo-ui-icon-check { + background-image: /* @embed */ url(images/icons/check.png); +} + +.oo-ui-icon-clear { + background-image: /* @embed */ url(images/icons/clear.png); +} + +.oo-ui-icon-close { + background-image: /* @embed */ url(images/icons/close.png); +} + +.oo-ui-icon-code { + background-image: /* @embed */ url(images/icons/code.png); +} + +.oo-ui-icon-collapse { + background-image: /* @embed */ url(images/icons/collapse.png); +} + +.oo-ui-icon-comment { + background-image: /* @embed */ url(images/icons/comment.png); +} + +.oo-ui-icon-expand { + background-image: /* @embed */ url(images/icons/expand.png); +} + +.oo-ui-icon-help { + background-image: /* @embed */ url(images/icons/help.png); +} + +.oo-ui-icon-info { + background-image: /* @embed */ url(images/icons/info.png); +} + +.oo-ui-icon-link { + background-image: /* @embed */ url(images/icons/link.png); +} + +.oo-ui-icon-menu { + background-image: /* @embed */ url(images/icons/menu.png); +} + +.oo-ui-icon-next { + background-image: /* @embed */ url(images/icons/move-ltr.png); +} + +.oo-ui-icon-picture { + background-image: /* @embed */ url(images/icons/picture.png); +} + +.oo-ui-icon-previous { + background-image: /* @embed */ url(images/icons/move-rtl.png); +} + +.oo-ui-icon-redo { + background-image: /* @embed */ url(images/icons/arched-arrow-ltr.png); +} + +.oo-ui-icon-remove { + background-image: /* @embed */ url(images/icons/remove.png); +} + +.oo-ui-icon-search { + background-image: /* @embed */ url(images/icons/search.png); +} + +.oo-ui-icon-settings { + background-image: /* @embed */ url(images/icons/settings.png); +} + +.oo-ui-icon-tag { + background-image: /* @embed */ url(images/icons/tag.png); +} + +.oo-ui-icon-undo { + background-image: /* @embed */ url(images/icons/arched-arrow-rtl.png); +} + +.oo-ui-icon-window { + background-image: /* @embed */ url(images/icons/window.png); +} + +/* Indicators */ + +.oo-ui-indicator-alert { + background-image: /* @embed */ url(images/indicators/alert.png); +} + +.oo-ui-indicator-down { + background-image: /* @embed */ url(images/indicators/down.png); +} + +.oo-ui-indicator-required { + background-image: /* @embed */ url(images/indicators/required.png); +} + +.oo-ui-indicator-up { + background-image: /* @embed */ url(images/indicators/up.png); +}
\ No newline at end of file diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js new file mode 100644 index 00000000..33c8238d --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -0,0 +1,11247 @@ +/*! + * OOjs UI v0.1.0-pre (f2c3f12959) + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-18T23:22:20Z + */ +( function ( OO ) { + +'use strict'; + +/** + * Namespace for all classes, static methods and static properties. + * + * @class + * @singleton + */ +OO.ui = {}; + +OO.ui.bind = $.proxy; + +/** + * @property {Object} + */ +OO.ui.Keys = { + UNDEFINED: 0, + BACKSPACE: 8, + DELETE: 46, + LEFT: 37, + RIGHT: 39, + UP: 38, + DOWN: 40, + ENTER: 13, + END: 35, + HOME: 36, + TAB: 9, + PAGEUP: 33, + PAGEDOWN: 34, + ESCAPE: 27, + SHIFT: 16, + SPACE: 32 +}; + +/** + * Get the user's language and any fallback languages. + * + * These language codes are used to localize user interface elements in the user's language. + * + * In environments that provide a localization system, this function should be overridden to + * return the user's language(s). The default implementation returns English (en) only. + * + * @return {string[]} Language codes, in descending order of priority + */ +OO.ui.getUserLanguages = function () { + return [ 'en' ]; +}; + +/** + * Get a value in an object keyed by language code. + * + * @param {Object.<string,Mixed>} obj Object keyed by language code + * @param {string|null} [lang] Language code, if omitted or null defaults to any user language + * @param {string} [fallback] Fallback code, used if no matching language can be found + * @return {Mixed} Local value + */ +OO.ui.getLocalValue = function ( obj, lang, fallback ) { + var i, len, langs; + + // Requested language + if ( obj[lang] ) { + return obj[lang]; + } + // Known user language + langs = OO.ui.getUserLanguages(); + for ( i = 0, len = langs.length; i < len; i++ ) { + lang = langs[i]; + if ( obj[lang] ) { + return obj[lang]; + } + } + // Fallback language + if ( obj[fallback] ) { + return obj[fallback]; + } + // First existing language + for ( lang in obj ) { + return obj[lang]; + } + + return undefined; +}; + +( function () { + /** + * Message store for the default implementation of OO.ui.msg + * + * Environments that provide a localization system should not use this, but should override + * OO.ui.msg altogether. + * + * @private + */ + var messages = { + // Tool tip for a button that moves items in a list down one place + 'ooui-outline-control-move-down': 'Move item down', + // Tool tip for a button that moves items in a list up one place + 'ooui-outline-control-move-up': 'Move item up', + // Tool tip for a button that removes items from a list + 'ooui-outline-control-remove': 'Remove item', + // Label for the toolbar group that contains a list of all other available tools + 'ooui-toolbar-more': 'More', + // Default label for the accept button of a confirmation dialog + 'ooui-dialog-message-accept': 'OK', + // Default label for the reject button of a confirmation dialog + 'ooui-dialog-message-reject': 'Cancel', + // Title for process dialog error description + 'ooui-dialog-process-error': 'Something went wrong', + // Label for process dialog dismiss error button, visible when describing errors + 'ooui-dialog-process-dismiss': 'Dismiss', + // Label for process dialog retry action button, visible when describing recoverable errors + 'ooui-dialog-process-retry': 'Try again' + }; + + /** + * Get a localized message. + * + * In environments that provide a localization system, this function should be overridden to + * return the message translated in the user's language. The default implementation always returns + * English messages. + * + * After the message key, message parameters may optionally be passed. In the default implementation, + * any occurrences of $1 are replaced with the first parameter, $2 with the second parameter, etc. + * Alternative implementations of OO.ui.msg may use any substitution system they like, as long as + * they support unnamed, ordered message parameters. + * + * @abstract + * @param {string} key Message key + * @param {Mixed...} [params] Message parameters + * @return {string} Translated message with parameters substituted + */ + OO.ui.msg = function ( key ) { + var message = messages[key], params = Array.prototype.slice.call( arguments, 1 ); + if ( typeof message === 'string' ) { + // Perform $1 substitution + message = message.replace( /\$(\d+)/g, function ( unused, n ) { + var i = parseInt( n, 10 ); + return params[i - 1] !== undefined ? params[i - 1] : '$' + n; + } ); + } else { + // Return placeholder if message not found + message = '[' + key + ']'; + } + return message; + }; + + /** + * Package a message and arguments for deferred resolution. + * + * Use this when you are statically specifying a message and the message may not yet be present. + * + * @param {string} key Message key + * @param {Mixed...} [params] Message parameters + * @return {Function} Function that returns the resolved message when executed + */ + OO.ui.deferMsg = function () { + var args = arguments; + return function () { + return OO.ui.msg.apply( OO.ui, args ); + }; + }; + + /** + * Resolve a message. + * + * If the message is a function it will be executed, otherwise it will pass through directly. + * + * @param {Function|string} msg Deferred message, or message text + * @return {string} Resolved message + */ + OO.ui.resolveMsg = function ( msg ) { + if ( $.isFunction( msg ) ) { + return msg(); + } + return msg; + }; + +} )(); + +/** + * Element that can be marked as pending. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.PendingElement = function OoUiPendingElement( config ) { + // Config initialisation + config = config || {}; + + // Properties + this.pending = 0; + this.$pending = null; + + // Initialisation + this.setPendingElement( config.$pending || this.$element ); +}; + +/* Setup */ + +OO.initClass( OO.ui.PendingElement ); + +/* Methods */ + +/** + * Set the pending element (and clean up any existing one). + * + * @param {jQuery} $pending The element to set to pending. + */ +OO.ui.PendingElement.prototype.setPendingElement = function ( $pending ) { + if ( this.$pending ) { + this.$pending.removeClass( 'oo-ui-pendingElement-pending' ); + } + + this.$pending = $pending; + if ( this.pending > 0 ) { + this.$pending.addClass( 'oo-ui-pendingElement-pending' ); + } +}; + +/** + * Check if input is pending. + * + * @return {boolean} + */ +OO.ui.PendingElement.prototype.isPending = function () { + return !!this.pending; +}; + +/** + * Increase the pending stack. + * + * @chainable + */ +OO.ui.PendingElement.prototype.pushPending = function () { + if ( this.pending === 0 ) { + this.$pending.addClass( 'oo-ui-pendingElement-pending' ); + } + this.pending++; + + return this; +}; + +/** + * Reduce the pending stack. + * + * Clamped at zero. + * + * @chainable + */ +OO.ui.PendingElement.prototype.popPending = function () { + if ( this.pending === 1 ) { + this.$pending.removeClass( 'oo-ui-pendingElement-pending' ); + } + this.pending = Math.max( 0, this.pending - 1 ); + + return this; +}; + +/** + * List of actions. + * + * @abstract + * @class + * @mixins OO.EventEmitter + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.ActionSet = function OoUiActionSet( config ) { + // Configuration intialization + config = config || {}; + + // Mixin constructors + OO.EventEmitter.call( this ); + + // Properties + this.list = []; + this.categories = { + actions: 'getAction', + flags: 'getFlags', + modes: 'getModes' + }; + this.categorized = {}; + this.special = {}; + this.others = []; + this.organized = false; + this.changing = false; + this.changed = false; +}; + +/* Setup */ + +OO.mixinClass( OO.ui.ActionSet, OO.EventEmitter ); + +/* Static Properties */ + +/** + * Symbolic name of dialog. + * + * @abstract + * @static + * @inheritable + * @property {string} + */ +OO.ui.ActionSet.static.specialFlags = [ 'safe', 'primary' ]; + +/* Events */ + +/** + * @event click + * @param {OO.ui.ActionWidget} action Action that was clicked + */ + +/** + * @event resize + * @param {OO.ui.ActionWidget} action Action that was resized + */ + +/** + * @event add + * @param {OO.ui.ActionWidget[]} added Actions added + */ + +/** + * @event remove + * @param {OO.ui.ActionWidget[]} added Actions removed + */ + +/** + * @event change + */ + +/* Methods */ + +/** + * Handle action change events. + * + * @fires change + */ +OO.ui.ActionSet.prototype.onActionChange = function () { + this.organized = false; + if ( this.changing ) { + this.changed = true; + } else { + this.emit( 'change' ); + } +}; + +/** + * Check if a action is one of the special actions. + * + * @param {OO.ui.ActionWidget} action Action to check + * @return {boolean} Action is special + */ +OO.ui.ActionSet.prototype.isSpecial = function ( action ) { + var flag; + + for ( flag in this.special ) { + if ( action === this.special[flag] ) { + return true; + } + } + + return false; +}; + +/** + * Get actions. + * + * @param {Object} [filters] Filters to use, omit to get all actions + * @param {string|string[]} [filters.actions] Actions that actions must have + * @param {string|string[]} [filters.flags] Flags that actions must have + * @param {string|string[]} [filters.modes] Modes that actions must have + * @param {boolean} [filters.visible] Actions must be visible + * @param {boolean} [filters.disabled] Actions must be disabled + * @return {OO.ui.ActionWidget[]} Actions matching all criteria + */ +OO.ui.ActionSet.prototype.get = function ( filters ) { + var i, len, list, category, actions, index, match, matches; + + if ( filters ) { + this.organize(); + + // Collect category candidates + matches = []; + for ( category in this.categorized ) { + list = filters[category]; + if ( list ) { + if ( !Array.isArray( list ) ) { + list = [ list ]; + } + for ( i = 0, len = list.length; i < len; i++ ) { + actions = this.categorized[category][list[i]]; + if ( Array.isArray( actions ) ) { + matches.push.apply( matches, actions ); + } + } + } + } + // Remove by boolean filters + for ( i = 0, len = matches.length; i < len; i++ ) { + match = matches[i]; + if ( + ( filters.visible !== undefined && match.isVisible() !== filters.visible ) || + ( filters.disabled !== undefined && match.isDisabled() !== filters.disabled ) + ) { + matches.splice( i, 1 ); + len--; + i--; + } + } + // Remove duplicates + for ( i = 0, len = matches.length; i < len; i++ ) { + match = matches[i]; + index = matches.lastIndexOf( match ); + while ( index !== i ) { + matches.splice( index, 1 ); + len--; + index = matches.lastIndexOf( match ); + } + } + return matches; + } + return this.list.slice(); +}; + +/** + * Get special actions. + * + * Special actions are the first visible actions with special flags, such as 'safe' and 'primary'. + * Special flags can be configured by changing #static-specialFlags in a subclass. + * + * @return {OO.ui.ActionWidget|null} Safe action + */ +OO.ui.ActionSet.prototype.getSpecial = function () { + this.organize(); + return $.extend( {}, this.special ); +}; + +/** + * Get other actions. + * + * Other actions include all non-special visible actions. + * + * @return {OO.ui.ActionWidget[]} Other actions + */ +OO.ui.ActionSet.prototype.getOthers = function () { + this.organize(); + return this.others.slice(); +}; + +/** + * Toggle actions based on their modes. + * + * Unlike calling toggle on actions with matching flags, this will enforce mutually exclusive + * visibility; matching actions will be shown, non-matching actions will be hidden. + * + * @param {string} mode Mode actions must have + * @chainable + * @fires toggle + * @fires change + */ +OO.ui.ActionSet.prototype.setMode = function ( mode ) { + var i, len, action; + + this.changing = true; + for ( i = 0, len = this.list.length; i < len; i++ ) { + action = this.list[i]; + action.toggle( action.hasMode( mode ) ); + } + + this.organized = false; + this.changing = false; + this.emit( 'change' ); + + return this; +}; + +/** + * Change which actions are able to be performed. + * + * Actions with matching actions will be disabled/enabled. Other actions will not be changed. + * + * @param {Object.<string,boolean>} actions List of abilities, keyed by action name, values + * indicate actions are able to be performed + * @chainable + */ +OO.ui.ActionSet.prototype.setAbilities = function ( actions ) { + var i, len, action, item; + + for ( i = 0, len = this.list.length; i < len; i++ ) { + item = this.list[i]; + action = item.getAction(); + if ( actions[action] !== undefined ) { + item.setDisabled( !actions[action] ); + } + } + + return this; +}; + +/** + * Executes a function once per action. + * + * When making changes to multiple actions, use this method instead of iterating over the actions + * manually to defer emitting a change event until after all actions have been changed. + * + * @param {Object|null} actions Filters to use for which actions to iterate over; see #get + * @param {Function} callback Callback to run for each action; callback is invoked with three + * arguments: the action, the action's index, the list of actions being iterated over + * @chainable + */ +OO.ui.ActionSet.prototype.forEach = function ( filter, callback ) { + this.changed = false; + this.changing = true; + this.get( filter ).forEach( callback ); + this.changing = false; + if ( this.changed ) { + this.emit( 'change' ); + } + + return this; +}; + +/** + * Add actions. + * + * @param {OO.ui.ActionWidget[]} actions Actions to add + * @chainable + * @fires add + * @fires change + */ +OO.ui.ActionSet.prototype.add = function ( actions ) { + var i, len, action; + + this.changing = true; + for ( i = 0, len = actions.length; i < len; i++ ) { + action = actions[i]; + action.connect( this, { + click: [ 'emit', 'click', action ], + resize: [ 'emit', 'resize', action ], + toggle: [ 'onActionChange' ] + } ); + this.list.push( action ); + } + this.organized = false; + this.emit( 'add', actions ); + this.changing = false; + this.emit( 'change' ); + + return this; +}; + +/** + * Remove actions. + * + * @param {OO.ui.ActionWidget[]} actions Actions to remove + * @chainable + * @fires remove + * @fires change + */ +OO.ui.ActionSet.prototype.remove = function ( actions ) { + var i, len, index, action; + + this.changing = true; + for ( i = 0, len = actions.length; i < len; i++ ) { + action = actions[i]; + index = this.list.indexOf( action ); + if ( index !== -1 ) { + action.disconnect( this ); + this.list.splice( index, 1 ); + } + } + this.organized = false; + this.emit( 'remove', actions ); + this.changing = false; + this.emit( 'change' ); + + return this; +}; + +/** + * Remove all actions. + * + * @chainable + * @fires remove + * @fires change + */ +OO.ui.ActionSet.prototype.clear = function () { + var i, len, action, + removed = this.list.slice(); + + this.changing = true; + for ( i = 0, len = this.list.length; i < len; i++ ) { + action = this.list[i]; + action.disconnect( this ); + } + + this.list = []; + + this.organized = false; + this.emit( 'remove', removed ); + this.changing = false; + this.emit( 'change' ); + + return this; +}; + +/** + * Organize actions. + * + * This is called whenver organized information is requested. It will only reorganize the actions + * if something has changed since the last time it ran. + * + * @private + * @chainable + */ +OO.ui.ActionSet.prototype.organize = function () { + var i, iLen, j, jLen, flag, action, category, list, item, special, + specialFlags = this.constructor.static.specialFlags; + + if ( !this.organized ) { + this.categorized = {}; + this.special = {}; + this.others = []; + for ( i = 0, iLen = this.list.length; i < iLen; i++ ) { + action = this.list[i]; + if ( action.isVisible() ) { + // Populate catgeories + for ( category in this.categories ) { + if ( !this.categorized[category] ) { + this.categorized[category] = {}; + } + list = action[this.categories[category]](); + if ( !Array.isArray( list ) ) { + list = [ list ]; + } + for ( j = 0, jLen = list.length; j < jLen; j++ ) { + item = list[j]; + if ( !this.categorized[category][item] ) { + this.categorized[category][item] = []; + } + this.categorized[category][item].push( action ); + } + } + // Populate special/others + special = false; + for ( j = 0, jLen = specialFlags.length; j < jLen; j++ ) { + flag = specialFlags[j]; + if ( !this.special[flag] && action.hasFlag( flag ) ) { + this.special[flag] = action; + special = true; + break; + } + } + if ( !special ) { + this.others.push( action ); + } + } + } + this.organized = true; + } + + return this; +}; + +/** + * DOM element abstraction. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {Function} [$] jQuery for the frame the widget is in + * @cfg {string[]} [classes] CSS class names + * @cfg {string} [text] Text to insert + * @cfg {jQuery} [$content] Content elements to append (after text) + */ +OO.ui.Element = function OoUiElement( config ) { + // Configuration initialization + config = config || {}; + + // Properties + this.$ = config.$ || OO.ui.Element.getJQuery( document ); + this.$element = this.$( this.$.context.createElement( this.getTagName() ) ); + this.elementGroup = null; + + // Initialization + if ( $.isArray( config.classes ) ) { + this.$element.addClass( config.classes.join( ' ' ) ); + } + if ( config.text ) { + this.$element.text( config.text ); + } + if ( config.$content ) { + this.$element.append( config.$content ); + } +}; + +/* Setup */ + +OO.initClass( OO.ui.Element ); + +/* Static Properties */ + +/** + * HTML tag name. + * + * This may be ignored if getTagName is overridden. + * + * @static + * @inheritable + * @property {string} + */ +OO.ui.Element.static.tagName = 'div'; + +/* Static Methods */ + +/** + * Get a jQuery function within a specific document. + * + * @static + * @param {jQuery|HTMLElement|HTMLDocument|Window} context Context to bind the function to + * @param {jQuery} [$iframe] HTML iframe element that contains the document, omit if document is + * not in an iframe + * @return {Function} Bound jQuery function + */ +OO.ui.Element.getJQuery = function ( context, $iframe ) { + function wrapper( selector ) { + return $( selector, wrapper.context ); + } + + wrapper.context = this.getDocument( context ); + + if ( $iframe ) { + wrapper.$iframe = $iframe; + } + + return wrapper; +}; + +/** + * Get the document of an element. + * + * @static + * @param {jQuery|HTMLElement|HTMLDocument|Window} obj Object to get the document for + * @return {HTMLDocument|null} Document object + */ +OO.ui.Element.getDocument = function ( obj ) { + // jQuery - selections created "offscreen" won't have a context, so .context isn't reliable + return ( obj[0] && obj[0].ownerDocument ) || + // Empty jQuery selections might have a context + obj.context || + // HTMLElement + obj.ownerDocument || + // Window + obj.document || + // HTMLDocument + ( obj.nodeType === 9 && obj ) || + null; +}; + +/** + * Get the window of an element or document. + * + * @static + * @param {jQuery|HTMLElement|HTMLDocument|Window} obj Context to get the window for + * @return {Window} Window object + */ +OO.ui.Element.getWindow = function ( obj ) { + var doc = this.getDocument( obj ); + return doc.parentWindow || doc.defaultView; +}; + +/** + * Get the direction of an element or document. + * + * @static + * @param {jQuery|HTMLElement|HTMLDocument|Window} obj Context to get the direction for + * @return {string} Text direction, either `ltr` or `rtl` + */ +OO.ui.Element.getDir = function ( obj ) { + var isDoc, isWin; + + if ( obj instanceof jQuery ) { + obj = obj[0]; + } + isDoc = obj.nodeType === 9; + isWin = obj.document !== undefined; + if ( isDoc || isWin ) { + if ( isWin ) { + obj = obj.document; + } + obj = obj.body; + } + return $( obj ).css( 'direction' ); +}; + +/** + * Get the offset between two frames. + * + * TODO: Make this function not use recursion. + * + * @static + * @param {Window} from Window of the child frame + * @param {Window} [to=window] Window of the parent frame + * @param {Object} [offset] Offset to start with, used internally + * @return {Object} Offset object, containing left and top properties + */ +OO.ui.Element.getFrameOffset = function ( from, to, offset ) { + var i, len, frames, frame, rect; + + if ( !to ) { + to = window; + } + if ( !offset ) { + offset = { top: 0, left: 0 }; + } + if ( from.parent === from ) { + return offset; + } + + // Get iframe element + frames = from.parent.document.getElementsByTagName( 'iframe' ); + for ( i = 0, len = frames.length; i < len; i++ ) { + if ( frames[i].contentWindow === from ) { + frame = frames[i]; + break; + } + } + + // Recursively accumulate offset values + if ( frame ) { + rect = frame.getBoundingClientRect(); + offset.left += rect.left; + offset.top += rect.top; + if ( from !== to ) { + this.getFrameOffset( from.parent, offset ); + } + } + return offset; +}; + +/** + * Get the offset between two elements. + * + * @static + * @param {jQuery} $from + * @param {jQuery} $to + * @return {Object} Translated position coordinates, containing top and left properties + */ +OO.ui.Element.getRelativePosition = function ( $from, $to ) { + var from = $from.offset(), + to = $to.offset(); + return { top: Math.round( from.top - to.top ), left: Math.round( from.left - to.left ) }; +}; + +/** + * Get element border sizes. + * + * @static + * @param {HTMLElement} el Element to measure + * @return {Object} Dimensions object with `top`, `left`, `bottom` and `right` properties + */ +OO.ui.Element.getBorders = function ( el ) { + var doc = el.ownerDocument, + win = doc.parentWindow || doc.defaultView, + style = win && win.getComputedStyle ? + win.getComputedStyle( el, null ) : + el.currentStyle, + $el = $( el ), + top = parseFloat( style ? style.borderTopWidth : $el.css( 'borderTopWidth' ) ) || 0, + left = parseFloat( style ? style.borderLeftWidth : $el.css( 'borderLeftWidth' ) ) || 0, + bottom = parseFloat( style ? style.borderBottomWidth : $el.css( 'borderBottomWidth' ) ) || 0, + right = parseFloat( style ? style.borderRightWidth : $el.css( 'borderRightWidth' ) ) || 0; + + return { + top: Math.round( top ), + left: Math.round( left ), + bottom: Math.round( bottom ), + right: Math.round( right ) + }; +}; + +/** + * Get dimensions of an element or window. + * + * @static + * @param {HTMLElement|Window} el Element to measure + * @return {Object} Dimensions object with `borders`, `scroll`, `scrollbar` and `rect` properties + */ +OO.ui.Element.getDimensions = function ( el ) { + var $el, $win, + doc = el.ownerDocument || el.document, + win = doc.parentWindow || doc.defaultView; + + if ( win === el || el === doc.documentElement ) { + $win = $( win ); + return { + borders: { top: 0, left: 0, bottom: 0, right: 0 }, + scroll: { + top: $win.scrollTop(), + left: $win.scrollLeft() + }, + scrollbar: { right: 0, bottom: 0 }, + rect: { + top: 0, + left: 0, + bottom: $win.innerHeight(), + right: $win.innerWidth() + } + }; + } else { + $el = $( el ); + return { + borders: this.getBorders( el ), + scroll: { + top: $el.scrollTop(), + left: $el.scrollLeft() + }, + scrollbar: { + right: $el.innerWidth() - el.clientWidth, + bottom: $el.innerHeight() - el.clientHeight + }, + rect: el.getBoundingClientRect() + }; + } +}; + +/** + * Get closest scrollable container. + * + * Traverses up until either a scrollable element or the root is reached, in which case the window + * will be returned. + * + * @static + * @param {HTMLElement} el Element to find scrollable container for + * @param {string} [dimension] Dimension of scrolling to look for; `x`, `y` or omit for either + * @return {HTMLElement} Closest scrollable container + */ +OO.ui.Element.getClosestScrollableContainer = function ( el, dimension ) { + var i, val, + props = [ 'overflow' ], + $parent = $( el ).parent(); + + if ( dimension === 'x' || dimension === 'y' ) { + props.push( 'overflow-' + dimension ); + } + + while ( $parent.length ) { + if ( $parent[0] === el.ownerDocument.body ) { + return $parent[0]; + } + i = props.length; + while ( i-- ) { + val = $parent.css( props[i] ); + if ( val === 'auto' || val === 'scroll' ) { + return $parent[0]; + } + } + $parent = $parent.parent(); + } + return this.getDocument( el ).body; +}; + +/** + * Scroll element into view. + * + * @static + * @param {HTMLElement} el Element to scroll into view + * @param {Object} [config={}] Configuration config + * @param {string} [config.duration] jQuery animation duration value + * @param {string} [config.direction] Scroll in only one direction, e.g. 'x' or 'y', omit + * to scroll in both directions + * @param {Function} [config.complete] Function to call when scrolling completes + */ +OO.ui.Element.scrollIntoView = function ( el, config ) { + // Configuration initialization + config = config || {}; + + var rel, anim = {}, + callback = typeof config.complete === 'function' && config.complete, + sc = this.getClosestScrollableContainer( el, config.direction ), + $sc = $( sc ), + eld = this.getDimensions( el ), + scd = this.getDimensions( sc ), + $win = $( this.getWindow( el ) ); + + // Compute the distances between the edges of el and the edges of the scroll viewport + if ( $sc.is( 'body' ) ) { + // If the scrollable container is the <body> this is easy + rel = { + top: eld.rect.top, + bottom: $win.innerHeight() - eld.rect.bottom, + left: eld.rect.left, + right: $win.innerWidth() - eld.rect.right + }; + } else { + // Otherwise, we have to subtract el's coordinates from sc's coordinates + rel = { + top: eld.rect.top - ( scd.rect.top + scd.borders.top ), + bottom: scd.rect.bottom - scd.borders.bottom - scd.scrollbar.bottom - eld.rect.bottom, + left: eld.rect.left - ( scd.rect.left + scd.borders.left ), + right: scd.rect.right - scd.borders.right - scd.scrollbar.right - eld.rect.right + }; + } + + if ( !config.direction || config.direction === 'y' ) { + if ( rel.top < 0 ) { + anim.scrollTop = scd.scroll.top + rel.top; + } else if ( rel.top > 0 && rel.bottom < 0 ) { + anim.scrollTop = scd.scroll.top + Math.min( rel.top, -rel.bottom ); + } + } + if ( !config.direction || config.direction === 'x' ) { + if ( rel.left < 0 ) { + anim.scrollLeft = scd.scroll.left + rel.left; + } else if ( rel.left > 0 && rel.right < 0 ) { + anim.scrollLeft = scd.scroll.left + Math.min( rel.left, -rel.right ); + } + } + if ( !$.isEmptyObject( anim ) ) { + $sc.stop( true ).animate( anim, config.duration || 'fast' ); + if ( callback ) { + $sc.queue( function ( next ) { + callback(); + next(); + } ); + } + } else { + if ( callback ) { + callback(); + } + } +}; + +/* Methods */ + +/** + * Get the HTML tag name. + * + * Override this method to base the result on instance information. + * + * @return {string} HTML tag name + */ +OO.ui.Element.prototype.getTagName = function () { + return this.constructor.static.tagName; +}; + +/** + * Check if the element is attached to the DOM + * @return {boolean} The element is attached to the DOM + */ +OO.ui.Element.prototype.isElementAttached = function () { + return $.contains( this.getElementDocument(), this.$element[0] ); +}; + +/** + * Get the DOM document. + * + * @return {HTMLDocument} Document object + */ +OO.ui.Element.prototype.getElementDocument = function () { + return OO.ui.Element.getDocument( this.$element ); +}; + +/** + * Get the DOM window. + * + * @return {Window} Window object + */ +OO.ui.Element.prototype.getElementWindow = function () { + return OO.ui.Element.getWindow( this.$element ); +}; + +/** + * Get closest scrollable container. + */ +OO.ui.Element.prototype.getClosestScrollableElementContainer = function () { + return OO.ui.Element.getClosestScrollableContainer( this.$element[0] ); +}; + +/** + * Get group element is in. + * + * @return {OO.ui.GroupElement|null} Group element, null if none + */ +OO.ui.Element.prototype.getElementGroup = function () { + return this.elementGroup; +}; + +/** + * Set group element is in. + * + * @param {OO.ui.GroupElement|null} group Group element, null if none + * @chainable + */ +OO.ui.Element.prototype.setElementGroup = function ( group ) { + this.elementGroup = group; + return this; +}; + +/** + * Scroll element into view. + * + * @param {Object} [config={}] + */ +OO.ui.Element.prototype.scrollElementIntoView = function ( config ) { + return OO.ui.Element.scrollIntoView( this.$element[0], config ); +}; + +/** + * Bind a handler for an event on this.$element + * + * @deprecated Use jQuery#on instead. + * @param {string} event + * @param {Function} callback + */ +OO.ui.Element.prototype.onDOMEvent = function ( event, callback ) { + OO.ui.Element.onDOMEvent( this.$element, event, callback ); +}; + +/** + * Unbind a handler bound with #offDOMEvent + * + * @deprecated Use jQuery#off instead. + * @param {string} event + * @param {Function} callback + */ +OO.ui.Element.prototype.offDOMEvent = function ( event, callback ) { + OO.ui.Element.offDOMEvent( this.$element, event, callback ); +}; + +( function () { + /** + * Bind a handler for an event on a DOM element. + * + * Used to be for working around a jQuery bug (jqbug.com/14180), + * but obsolete as of jQuery 1.11.0. + * + * @static + * @deprecated Use jQuery#on instead. + * @param {HTMLElement|jQuery} el DOM element + * @param {string} event Event to bind + * @param {Function} callback Callback to call when the event fires + */ + OO.ui.Element.onDOMEvent = function ( el, event, callback ) { + $( el ).on( event, callback ); + }; + + /** + * Unbind a handler bound with #static-method-onDOMEvent. + * + * @deprecated Use jQuery#off instead. + * @static + * @param {HTMLElement|jQuery} el DOM element + * @param {string} event Event to unbind + * @param {Function} [callback] Callback to unbind + */ + OO.ui.Element.offDOMEvent = function ( el, event, callback ) { + $( el ).off( event, callback ); + }; +}() ); + +/** + * Container for elements. + * + * @abstract + * @class + * @extends OO.ui.Element + * @mixins OO.EventEmitter + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.Layout = function OoUiLayout( config ) { + // Initialize config + config = config || {}; + + // Parent constructor + OO.ui.Layout.super.call( this, config ); + + // Mixin constructors + OO.EventEmitter.call( this ); + + // Initialization + this.$element.addClass( 'oo-ui-layout' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.Layout, OO.ui.Element ); +OO.mixinClass( OO.ui.Layout, OO.EventEmitter ); + +/** + * User interface control. + * + * @abstract + * @class + * @extends OO.ui.Element + * @mixins OO.EventEmitter + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [disabled=false] Disable + */ +OO.ui.Widget = function OoUiWidget( config ) { + // Initialize config + config = $.extend( { disabled: false }, config ); + + // Parent constructor + OO.ui.Widget.super.call( this, config ); + + // Mixin constructors + OO.EventEmitter.call( this ); + + // Properties + this.visible = true; + this.disabled = null; + this.wasDisabled = null; + + // Initialization + this.$element.addClass( 'oo-ui-widget' ); + this.setDisabled( !!config.disabled ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.Widget, OO.ui.Element ); +OO.mixinClass( OO.ui.Widget, OO.EventEmitter ); + +/* Events */ + +/** + * @event disable + * @param {boolean} disabled Widget is disabled + */ + +/** + * @event toggle + * @param {boolean} visible Widget is visible + */ + +/* Methods */ + +/** + * Check if the widget is disabled. + * + * @param {boolean} Button is disabled + */ +OO.ui.Widget.prototype.isDisabled = function () { + return this.disabled; +}; + +/** + * Check if widget is visible. + * + * @return {boolean} Widget is visible + */ +OO.ui.Widget.prototype.isVisible = function () { + return this.visible; +}; + +/** + * Set the disabled state of the widget. + * + * This should probably change the widgets' appearance and prevent it from being used. + * + * @param {boolean} disabled Disable widget + * @chainable + */ +OO.ui.Widget.prototype.setDisabled = function ( disabled ) { + var isDisabled; + + this.disabled = !!disabled; + isDisabled = this.isDisabled(); + if ( isDisabled !== this.wasDisabled ) { + this.$element.toggleClass( 'oo-ui-widget-disabled', isDisabled ); + this.$element.toggleClass( 'oo-ui-widget-enabled', !isDisabled ); + this.emit( 'disable', isDisabled ); + } + this.wasDisabled = isDisabled; + + return this; +}; + +/** + * Toggle visibility of widget. + * + * @param {boolean} [show] Make widget visible, omit to toggle visibility + * @fires visible + * @chainable + */ +OO.ui.Widget.prototype.toggle = function ( show ) { + show = show === undefined ? !this.visible : !!show; + + if ( show !== this.isVisible() ) { + this.visible = show; + this.$element.toggle( show ); + this.emit( 'toggle', show ); + } + + return this; +}; + +/** + * Update the disabled state, in case of changes in parent widget. + * + * @chainable + */ +OO.ui.Widget.prototype.updateDisabled = function () { + this.setDisabled( this.disabled ); + return this; +}; + +/** + * Container for elements in a child frame. + * + * Use together with OO.ui.WindowManager. + * + * @abstract + * @class + * @extends OO.ui.Element + * @mixins OO.EventEmitter + * + * When a window is opened, the setup and ready processes are executed. Similarly, the hold and + * teardown processes are executed when the window is closed. + * + * - {@link OO.ui.WindowManager#openWindow} or {@link #open} methods are used to start opening + * - Window manager begins opening window + * - {@link #getSetupProcess} method is called and its result executed + * - {@link #getReadyProcess} method is called and its result executed + * - Window is now open + * + * - {@link OO.ui.WindowManager#closeWindow} or {@link #close} methods are used to start closing + * - Window manager begins closing window + * - {@link #getHoldProcess} method is called and its result executed + * - {@link #getTeardownProcess} method is called and its result executed + * - Window is now closed + * + * Each process (setup, ready, hold and teardown) can be extended in subclasses by overriding + * {@link #getSetupProcess}, {@link #getReadyProcess}, {@link #getHoldProcess} and + * {@link #getTeardownProcess} respectively. Each process is executed in series, so asynchonous + * processing can complete. Always assume window processes are executed asychronously. See + * OO.ui.Process for more details about how to work with processes. Some events, as well as the + * #open and #close methods, provide promises which are resolved when the window enters a new state. + * + * Sizing of windows is specified using symbolic names which are interpreted by the window manager. + * If the requested size is not recognized, the window manager will choose a sensible fallback. + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string} [size] Symbolic name of dialog size, `small`, `medium`, `large` or `full`; omit to + * use #static-size + * @fires initialize + */ +OO.ui.Window = function OoUiWindow( config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.Window.super.call( this, config ); + + // Mixin constructors + OO.EventEmitter.call( this ); + + // Properties + this.manager = null; + this.initialized = false; + this.visible = false; + this.opening = null; + this.closing = null; + this.opened = null; + this.timing = null; + this.loading = null; + this.size = config.size || this.constructor.static.size; + this.$frame = this.$( '<div>' ); + + // Initialization + this.$element + .addClass( 'oo-ui-window' ) + .append( this.$frame ); + this.$frame.addClass( 'oo-ui-window-frame' ); + + // NOTE: Additional intitialization will occur when #setManager is called +}; + +/* Setup */ + +OO.inheritClass( OO.ui.Window, OO.ui.Element ); +OO.mixinClass( OO.ui.Window, OO.EventEmitter ); + +/* Events */ + +/** + * @event resize + * @param {string} size Symbolic size name, e.g. 'small', 'medium', 'large', 'full' + */ + +/* Static Properties */ + +/** + * Symbolic name of size. + * + * Size is used if no size is configured during construction. + * + * @static + * @inheritable + * @property {string} + */ +OO.ui.Window.static.size = 'medium'; + +/* Static Methods */ + +/** + * Transplant the CSS styles from as parent document to a frame's document. + * + * This loops over the style sheets in the parent document, and copies their nodes to the + * frame's document. It then polls the document to see when all styles have loaded, and once they + * have, resolves the promise. + * + * If the styles still haven't loaded after a long time (5 seconds by default), we give up waiting + * and resolve the promise anyway. This protects against cases like a display: none; iframe in + * Firefox, where the styles won't load until the iframe becomes visible. + * + * For details of how we arrived at the strategy used in this function, see #load. + * + * @static + * @inheritable + * @param {HTMLDocument} parentDoc Document to transplant styles from + * @param {HTMLDocument} frameDoc Document to transplant styles to + * @param {number} [timeout=5000] How long to wait before giving up (in ms). If 0, never give up. + * @return {jQuery.Promise} Promise resolved when styles have loaded + */ +OO.ui.Window.static.transplantStyles = function ( parentDoc, frameDoc, timeout ) { + var i, numSheets, styleNode, styleText, newNode, timeoutID, pollNodeId, $pendingPollNodes, + $pollNodes = $( [] ), + // Fake font-family value + fontFamily = 'oo-ui-frame-transplantStyles-loaded', + nextIndex = parentDoc.oouiFrameTransplantStylesNextIndex || 0, + deferred = $.Deferred(); + + for ( i = 0, numSheets = parentDoc.styleSheets.length; i < numSheets; i++ ) { + styleNode = parentDoc.styleSheets[i].ownerNode; + if ( styleNode.disabled ) { + continue; + } + + if ( styleNode.nodeName.toLowerCase() === 'link' ) { + // External stylesheet; use @import + styleText = '@import url(' + styleNode.href + ');'; + } else { + // Internal stylesheet; just copy the text + // For IE10 we need to fall back to .cssText, BUT that's undefined in + // other browsers, so fall back to '' rather than 'undefined' + styleText = styleNode.textContent || parentDoc.styleSheets[i].cssText || ''; + } + + // Create a node with a unique ID that we're going to monitor to see when the CSS + // has loaded + if ( styleNode.oouiFrameTransplantStylesId ) { + // If we're nesting transplantStyles operations and this node already has + // a CSS rule to wait for loading, reuse it + pollNodeId = styleNode.oouiFrameTransplantStylesId; + } else { + // Otherwise, create a new ID + pollNodeId = 'oo-ui-frame-transplantStyles-loaded-' + nextIndex; + nextIndex++; + + // Add #pollNodeId { font-family: ... } to the end of the stylesheet / after the @import + // The font-family rule will only take effect once the @import finishes + styleText += '\n' + '#' + pollNodeId + ' { font-family: ' + fontFamily + '; }'; + } + + // Create a node with id=pollNodeId + $pollNodes = $pollNodes.add( $( '<div>', frameDoc ) + .attr( 'id', pollNodeId ) + .appendTo( frameDoc.body ) + ); + + // Add our modified CSS as a <style> tag + newNode = frameDoc.createElement( 'style' ); + newNode.textContent = styleText; + newNode.oouiFrameTransplantStylesId = pollNodeId; + frameDoc.head.appendChild( newNode ); + } + frameDoc.oouiFrameTransplantStylesNextIndex = nextIndex; + + // Poll every 100ms until all external stylesheets have loaded + $pendingPollNodes = $pollNodes; + timeoutID = setTimeout( function pollExternalStylesheets() { + while ( + $pendingPollNodes.length > 0 && + $pendingPollNodes.eq( 0 ).css( 'font-family' ) === fontFamily + ) { + $pendingPollNodes = $pendingPollNodes.slice( 1 ); + } + + if ( $pendingPollNodes.length === 0 ) { + // We're done! + if ( timeoutID !== null ) { + timeoutID = null; + $pollNodes.remove(); + deferred.resolve(); + } + } else { + timeoutID = setTimeout( pollExternalStylesheets, 100 ); + } + }, 100 ); + // ...but give up after a while + if ( timeout !== 0 ) { + setTimeout( function () { + if ( timeoutID ) { + clearTimeout( timeoutID ); + timeoutID = null; + $pollNodes.remove(); + deferred.reject(); + } + }, timeout || 5000 ); + } + + return deferred.promise(); +}; + +/* Methods */ + +/** + * Handle mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.Window.prototype.onMouseDown = function ( e ) { + // Prevent clicking on the click-block from stealing focus + if ( e.target === this.$element[0] ) { + return false; + } +}; + +/** + * Check if window has been initialized. + * + * @return {boolean} Window has been initialized + */ +OO.ui.Window.prototype.isInitialized = function () { + return this.initialized; +}; + +/** + * Check if window is visible. + * + * @return {boolean} Window is visible + */ +OO.ui.Window.prototype.isVisible = function () { + return this.visible; +}; + +/** + * Check if window is loading. + * + * @return {boolean} Window is loading + */ +OO.ui.Window.prototype.isLoading = function () { + return this.loading && this.loading.state() === 'pending'; +}; + +/** + * Check if window is loaded. + * + * @return {boolean} Window is loaded + */ +OO.ui.Window.prototype.isLoaded = function () { + return this.loading && this.loading.state() === 'resolved'; +}; + +/** + * Check if window is opening. + * + * This is a wrapper around OO.ui.WindowManager#isOpening. + * + * @return {boolean} Window is opening + */ +OO.ui.Window.prototype.isOpening = function () { + return this.manager.isOpening( this ); +}; + +/** + * Check if window is closing. + * + * This is a wrapper around OO.ui.WindowManager#isClosing. + * + * @return {boolean} Window is closing + */ +OO.ui.Window.prototype.isClosing = function () { + return this.manager.isClosing( this ); +}; + +/** + * Check if window is opened. + * + * This is a wrapper around OO.ui.WindowManager#isOpened. + * + * @return {boolean} Window is opened + */ +OO.ui.Window.prototype.isOpened = function () { + return this.manager.isOpened( this ); +}; + +/** + * Get the window manager. + * + * @return {OO.ui.WindowManager} Manager of window + */ +OO.ui.Window.prototype.getManager = function () { + return this.manager; +}; + +/** + * Get the window size. + * + * @return {string} Symbolic size name, e.g. 'small', 'medium', 'large', 'full' + */ +OO.ui.Window.prototype.getSize = function () { + return this.size; +}; + +/** + * Get the height of the dialog contents. + * + * @return {number} Content height + */ +OO.ui.Window.prototype.getContentHeight = function () { + // Temporarily resize the frame so getBodyHeight() can use scrollHeight measurements + var bodyHeight, oldHeight = this.$frame[0].style.height; + this.$frame[0].style.height = '1px'; + bodyHeight = this.getBodyHeight(); + this.$frame[0].style.height = oldHeight; + + return Math.round( + // Add buffer for border + ( this.$frame.outerHeight() - this.$frame.innerHeight() ) + + // Use combined heights of children + ( this.$head.outerHeight( true ) + bodyHeight + this.$foot.outerHeight( true ) ) + ); +}; + +/** + * Get the height of the dialog contents. + * + * When this function is called, the dialog will temporarily have been resized + * to height=1px, so .scrollHeight measurements can be taken accurately. + * + * @return {number} Height of content + */ +OO.ui.Window.prototype.getBodyHeight = function () { + return this.$body[0].scrollHeight; +}; + +/** + * Get the directionality of the frame + * + * @return {string} Directionality, 'ltr' or 'rtl' + */ +OO.ui.Window.prototype.getDir = function () { + return this.dir; +}; + +/** + * Get a process for setting up a window for use. + * + * Each time the window is opened this process will set it up for use in a particular context, based + * on the `data` argument. + * + * When you override this method, you can add additional setup steps to the process the parent + * method provides using the 'first' and 'next' methods. + * + * @abstract + * @param {Object} [data] Window opening data + * @return {OO.ui.Process} Setup process + */ +OO.ui.Window.prototype.getSetupProcess = function () { + return new OO.ui.Process(); +}; + +/** + * Get a process for readying a window for use. + * + * Each time the window is open and setup, this process will ready it up for use in a particular + * context, based on the `data` argument. + * + * When you override this method, you can add additional setup steps to the process the parent + * method provides using the 'first' and 'next' methods. + * + * @abstract + * @param {Object} [data] Window opening data + * @return {OO.ui.Process} Setup process + */ +OO.ui.Window.prototype.getReadyProcess = function () { + return new OO.ui.Process(); +}; + +/** + * Get a process for holding a window from use. + * + * Each time the window is closed, this process will hold it from use in a particular context, based + * on the `data` argument. + * + * When you override this method, you can add additional setup steps to the process the parent + * method provides using the 'first' and 'next' methods. + * + * @abstract + * @param {Object} [data] Window closing data + * @return {OO.ui.Process} Hold process + */ +OO.ui.Window.prototype.getHoldProcess = function () { + return new OO.ui.Process(); +}; + +/** + * Get a process for tearing down a window after use. + * + * Each time the window is closed this process will tear it down and do something with the user's + * interactions within the window, based on the `data` argument. + * + * When you override this method, you can add additional teardown steps to the process the parent + * method provides using the 'first' and 'next' methods. + * + * @abstract + * @param {Object} [data] Window closing data + * @return {OO.ui.Process} Teardown process + */ +OO.ui.Window.prototype.getTeardownProcess = function () { + return new OO.ui.Process(); +}; + +/** + * Toggle visibility of window. + * + * If the window is isolated and hasn't fully loaded yet, the visiblity property will be used + * instead of display. + * + * @param {boolean} [show] Make window visible, omit to toggle visibility + * @fires visible + * @chainable + */ +OO.ui.Window.prototype.toggle = function ( show ) { + show = show === undefined ? !this.visible : !!show; + + if ( show !== this.isVisible() ) { + this.visible = show; + + if ( this.isolated && !this.isLoaded() ) { + // Hide the window using visibility instead of display until loading is complete + // Can't use display: none; because that prevents the iframe from loading in Firefox + this.$element.css( 'visibility', show ? 'visible' : 'hidden' ); + } else { + this.$element.toggle( show ).css( 'visibility', '' ); + } + this.emit( 'toggle', show ); + } + + return this; +}; + +/** + * Set the window manager. + * + * This must be called before initialize. Calling it more than once will cause an error. + * + * @param {OO.ui.WindowManager} manager Manager for this window + * @throws {Error} If called more than once + * @chainable + */ +OO.ui.Window.prototype.setManager = function ( manager ) { + if ( this.manager ) { + throw new Error( 'Cannot set window manager, window already has a manager' ); + } + + // Properties + this.manager = manager; + this.isolated = manager.shouldIsolate(); + + // Initialization + if ( this.isolated ) { + this.$iframe = this.$( '<iframe>' ); + this.$iframe.attr( { frameborder: 0, scrolling: 'no' } ); + this.$frame.append( this.$iframe ); + this.$ = function () { + throw new Error( 'this.$() cannot be used until the frame has been initialized.' ); + }; + // WARNING: Do not use this.$ again until #initialize is called + } else { + this.$content = this.$( '<div>' ); + this.$document = $( this.getElementDocument() ); + this.$content.addClass( 'oo-ui-window-content' ); + this.$frame.append( this.$content ); + } + this.toggle( false ); + + // Figure out directionality: + this.dir = OO.ui.Element.getDir( this.$iframe || this.$content ) || 'ltr'; + + return this; +}; + +/** + * Set the window size. + * + * @param {string} size Symbolic size name, e.g. 'small', 'medium', 'large', 'full' + * @chainable + */ +OO.ui.Window.prototype.setSize = function ( size ) { + this.size = size; + this.manager.updateWindowSize( this ); + return this; +}; + +/** + * Set window dimensions. + * + * Properties are applied to the frame container. + * + * @param {Object} dim CSS dimension properties + * @param {string|number} [dim.width] Width + * @param {string|number} [dim.minWidth] Minimum width + * @param {string|number} [dim.maxWidth] Maximum width + * @param {string|number} [dim.width] Height, omit to set based on height of contents + * @param {string|number} [dim.minWidth] Minimum height + * @param {string|number} [dim.maxWidth] Maximum height + * @chainable + */ +OO.ui.Window.prototype.setDimensions = function ( dim ) { + // Apply width before height so height is not based on wrapping content using the wrong width + this.$frame.css( { + width: dim.width || '', + minWidth: dim.minWidth || '', + maxWidth: dim.maxWidth || '' + } ); + this.$frame.css( { + height: ( dim.height !== undefined ? dim.height : this.getContentHeight() ) || '', + minHeight: dim.minHeight || '', + maxHeight: dim.maxHeight || '' + } ); + return this; +}; + +/** + * Initialize window contents. + * + * The first time the window is opened, #initialize is called when it's safe to begin populating + * its contents. See #getSetupProcess for a way to make changes each time the window opens. + * + * Once this method is called, this.$ can be used to create elements within the frame. + * + * @throws {Error} If not attached to a manager + * @chainable + */ +OO.ui.Window.prototype.initialize = function () { + if ( !this.manager ) { + throw new Error( 'Cannot initialize window, must be attached to a manager' ); + } + + // Properties + this.$head = this.$( '<div>' ); + this.$body = this.$( '<div>' ); + this.$foot = this.$( '<div>' ); + this.$overlay = this.$( '<div>' ); + + // Events + this.$element.on( 'mousedown', OO.ui.bind( this.onMouseDown, this ) ); + + // Initialization + this.$head.addClass( 'oo-ui-window-head' ); + this.$body.addClass( 'oo-ui-window-body' ); + this.$foot.addClass( 'oo-ui-window-foot' ); + this.$overlay.addClass( 'oo-ui-window-overlay' ); + this.$content.append( this.$head, this.$body, this.$foot, this.$overlay ); + + return this; +}; + +/** + * Open window. + * + * This is a wrapper around calling {@link OO.ui.WindowManager#openWindow} on the window manager. + * To do something each time the window opens, use #getSetupProcess or #getReadyProcess. + * + * @param {Object} [data] Window opening data + * @return {jQuery.Promise} Promise resolved when window is opened; when the promise is resolved the + * first argument will be a promise which will be resolved when the window begins closing + */ +OO.ui.Window.prototype.open = function ( data ) { + return this.manager.openWindow( this, data ); +}; + +/** + * Close window. + * + * This is a wrapper around calling OO.ui.WindowManager#closeWindow on the window manager. + * To do something each time the window closes, use #getHoldProcess or #getTeardownProcess. + * + * @param {Object} [data] Window closing data + * @return {jQuery.Promise} Promise resolved when window is closed + */ +OO.ui.Window.prototype.close = function ( data ) { + return this.manager.closeWindow( this, data ); +}; + +/** + * Setup window. + * + * This is called by OO.ui.WindowManager durring window opening, and should not be called directly + * by other systems. + * + * @param {Object} [data] Window opening data + * @return {jQuery.Promise} Promise resolved when window is setup + */ +OO.ui.Window.prototype.setup = function ( data ) { + var win = this, + deferred = $.Deferred(); + + this.$element.show(); + this.visible = true; + this.getSetupProcess( data ).execute().done( function () { + // Force redraw by asking the browser to measure the elements' widths + win.$element.addClass( 'oo-ui-window-setup' ).width(); + win.$content.addClass( 'oo-ui-window-content-setup' ).width(); + deferred.resolve(); + } ); + + return deferred.promise(); +}; + +/** + * Ready window. + * + * This is called by OO.ui.WindowManager durring window opening, and should not be called directly + * by other systems. + * + * @param {Object} [data] Window opening data + * @return {jQuery.Promise} Promise resolved when window is ready + */ +OO.ui.Window.prototype.ready = function ( data ) { + var win = this, + deferred = $.Deferred(); + + this.$content.focus(); + this.getReadyProcess( data ).execute().done( function () { + // Force redraw by asking the browser to measure the elements' widths + win.$element.addClass( 'oo-ui-window-ready' ).width(); + win.$content.addClass( 'oo-ui-window-content-ready' ).width(); + deferred.resolve(); + } ); + + return deferred.promise(); +}; + +/** + * Hold window. + * + * This is called by OO.ui.WindowManager durring window closing, and should not be called directly + * by other systems. + * + * @param {Object} [data] Window closing data + * @return {jQuery.Promise} Promise resolved when window is held + */ +OO.ui.Window.prototype.hold = function ( data ) { + var win = this, + deferred = $.Deferred(); + + this.getHoldProcess( data ).execute().done( function () { + // Get the focused element within the window's content + var $focus = win.$content.find( OO.ui.Element.getDocument( win.$content ).activeElement ); + + // Blur the focused element + if ( $focus.length ) { + $focus[0].blur(); + } + + // Force redraw by asking the browser to measure the elements' widths + win.$element.removeClass( 'oo-ui-window-ready' ).width(); + win.$content.removeClass( 'oo-ui-window-content-ready' ).width(); + deferred.resolve(); + } ); + + return deferred.promise(); +}; + +/** + * Teardown window. + * + * This is called by OO.ui.WindowManager durring window closing, and should not be called directly + * by other systems. + * + * @param {Object} [data] Window closing data + * @return {jQuery.Promise} Promise resolved when window is torn down + */ +OO.ui.Window.prototype.teardown = function ( data ) { + var win = this, + deferred = $.Deferred(); + + this.getTeardownProcess( data ).execute().done( function () { + // Force redraw by asking the browser to measure the elements' widths + win.$element.removeClass( 'oo-ui-window-setup' ).width(); + win.$content.removeClass( 'oo-ui-window-content-setup' ).width(); + win.$element.hide(); + win.visible = false; + deferred.resolve(); + } ); + + return deferred.promise(); +}; + +/** + * Load the frame contents. + * + * Once the iframe's stylesheets are loaded, the `load` event will be emitted and the returned + * promise will be resolved. Calling while loading will return a promise but not trigger a new + * loading cycle. Calling after loading is complete will return a promise that's already been + * resolved. + * + * Sounds simple right? Read on... + * + * When you create a dynamic iframe using open/write/close, the window.load event for the + * iframe is triggered when you call close, and there's no further load event to indicate that + * everything is actually loaded. + * + * In Chrome, stylesheets don't show up in document.styleSheets until they have loaded, so we could + * just poll that array and wait for it to have the right length. However, in Firefox, stylesheets + * are added to document.styleSheets immediately, and the only way you can determine whether they've + * loaded is to attempt to access .cssRules and wait for that to stop throwing an exception. But + * cross-domain stylesheets never allow .cssRules to be accessed even after they have loaded. + * + * The workaround is to change all `<link href="...">` tags to `<style>@import url(...)</style>` + * tags. Because `@import` is blocking, Chrome won't add the stylesheet to document.styleSheets + * until the `@import` has finished, and Firefox won't allow .cssRules to be accessed until the + * `@import` has finished. And because the contents of the `<style>` tag are from the same origin, + * accessing .cssRules is allowed. + * + * However, now that we control the styles we're injecting, we might as well do away with + * browser-specific polling hacks like document.styleSheets and .cssRules, and instead inject + * `<style>@import url(...); #foo { font-family: someValue; }</style>`, then create `<div id="foo">` + * and wait for its font-family to change to someValue. Because `@import` is blocking, the + * font-family rule is not applied until after the `@import` finishes. + * + * All this stylesheet injection and polling magic is in #transplantStyles. + * + * @return {jQuery.Promise} Promise resolved when loading is complete + * @fires load + */ +OO.ui.Window.prototype.load = function () { + var sub, doc, loading, + win = this; + + // Non-isolated windows are already "loaded" + if ( !this.loading && !this.isolated ) { + this.loading = $.Deferred().resolve(); + this.initialize(); + // Set initialized state after so sub-classes aren't confused by it being set by calling + // their parent initialize method + this.initialized = true; + } + + // Return existing promise if already loading or loaded + if ( this.loading ) { + return this.loading.promise(); + } + + // Load the frame + loading = this.loading = $.Deferred(); + sub = this.$iframe.prop( 'contentWindow' ); + doc = sub.document; + + // Initialize contents + doc.open(); + doc.write( + '<!doctype html>' + + '<html>' + + '<body class="oo-ui-window-isolated oo-ui-' + this.dir + '"' + + ' style="direction:' + this.dir + ';" dir="' + this.dir + '">' + + '<div class="oo-ui-window-content"></div>' + + '</body>' + + '</html>' + ); + doc.close(); + + // Properties + this.$ = OO.ui.Element.getJQuery( doc, this.$element ); + this.$content = this.$( '.oo-ui-window-content' ).attr( 'tabIndex', 0 ); + this.$document = this.$( doc ); + + // Initialization + this.constructor.static.transplantStyles( this.getElementDocument(), this.$document[0] ) + .always( function () { + // Initialize isolated windows + win.initialize(); + // Set initialized state after so sub-classes aren't confused by it being set by calling + // their parent initialize method + win.initialized = true; + // Undo the visibility: hidden; hack and apply display: none; + // We can do this safely now that the iframe has initialized + // (don't do this from within #initialize because it has to happen + // after the all subclasses have been handled as well). + win.toggle( win.isVisible() ); + + loading.resolve(); + } ); + + return loading.promise(); +}; + +/** + * Base class for all dialogs. + * + * Logic: + * - Manage the window (open and close, etc.). + * - Store the internal name and display title. + * - A stack to track one or more pending actions. + * - Manage a set of actions that can be performed. + * - Configure and create action widgets. + * + * User interface: + * - Close the dialog with Escape key. + * - Visually lock the dialog while an action is in + * progress (aka "pending"). + * + * Subclass responsibilities: + * - Display the title somewhere. + * - Add content to the dialog. + * - Provide a UI to close the dialog. + * - Display the action widgets somewhere. + * + * @abstract + * @class + * @extends OO.ui.Window + * @mixins OO.ui.PendingElement + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.Dialog = function OoUiDialog( config ) { + // Parent constructor + OO.ui.Dialog.super.call( this, config ); + + // Mixin constructors + OO.ui.PendingElement.call( this ); + + // Properties + this.actions = new OO.ui.ActionSet(); + this.attachedActions = []; + this.currentAction = null; + + // Events + this.actions.connect( this, { + click: 'onActionClick', + resize: 'onActionResize', + change: 'onActionsChange' + } ); + + // Initialization + this.$element + .addClass( 'oo-ui-dialog' ) + .attr( 'role', 'dialog' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.Dialog, OO.ui.Window ); +OO.mixinClass( OO.ui.Dialog, OO.ui.PendingElement ); + +/* Static Properties */ + +/** + * Symbolic name of dialog. + * + * @abstract + * @static + * @inheritable + * @property {string} + */ +OO.ui.Dialog.static.name = ''; + +/** + * Dialog title. + * + * @abstract + * @static + * @inheritable + * @property {jQuery|string|Function} Label nodes, text or a function that returns nodes or text + */ +OO.ui.Dialog.static.title = ''; + +/** + * List of OO.ui.ActionWidget configuration options. + * + * @static + * inheritable + * @property {Object[]} + */ +OO.ui.Dialog.static.actions = []; + +/** + * Close dialog when the escape key is pressed. + * + * @static + * @abstract + * @inheritable + * @property {boolean} + */ +OO.ui.Dialog.static.escapable = true; + +/* Methods */ + +/** + * Handle frame document key down events. + * + * @param {jQuery.Event} e Key down event + */ +OO.ui.Dialog.prototype.onDocumentKeyDown = function ( e ) { + if ( e.which === OO.ui.Keys.ESCAPE ) { + this.close(); + return false; + } +}; + +/** + * Handle action resized events. + * + * @param {OO.ui.ActionWidget} action Action that was resized + */ +OO.ui.Dialog.prototype.onActionResize = function () { + // Override in subclass +}; + +/** + * Handle action click events. + * + * @param {OO.ui.ActionWidget} action Action that was clicked + */ +OO.ui.Dialog.prototype.onActionClick = function ( action ) { + if ( !this.isPending() ) { + this.currentAction = action; + this.executeAction( action.getAction() ); + } +}; + +/** + * Handle actions change event. + */ +OO.ui.Dialog.prototype.onActionsChange = function () { + this.detachActions(); + if ( !this.isClosing() ) { + this.attachActions(); + } +}; + +/** + * Get set of actions. + * + * @return {OO.ui.ActionSet} + */ +OO.ui.Dialog.prototype.getActions = function () { + return this.actions; +}; + +/** + * Get a process for taking action. + * + * When you override this method, you can add additional accept steps to the process the parent + * method provides using the 'first' and 'next' methods. + * + * @abstract + * @param {string} [action] Symbolic name of action + * @return {OO.ui.Process} Action process + */ +OO.ui.Dialog.prototype.getActionProcess = function ( action ) { + return new OO.ui.Process() + .next( function () { + if ( !action ) { + // An empty action always closes the dialog without data, which should always be + // safe and make no changes + this.close(); + } + }, this ); +}; + +/** + * @inheritdoc + * + * @param {Object} [data] Dialog opening data + * @param {jQuery|string|Function|null} [data.title] Dialog title, omit to use #static-title + * @param {Object[]} [data.actions] List of OO.ui.ActionWidget configuration options for each + * action item, omit to use #static-actions + */ +OO.ui.Dialog.prototype.getSetupProcess = function ( data ) { + data = data || {}; + + // Parent method + return OO.ui.Dialog.super.prototype.getSetupProcess.call( this, data ) + .next( function () { + var i, len, + items = [], + config = this.constructor.static, + actions = data.actions !== undefined ? data.actions : config.actions; + + this.title.setLabel( + data.title !== undefined ? data.title : this.constructor.static.title + ); + for ( i = 0, len = actions.length; i < len; i++ ) { + items.push( + new OO.ui.ActionWidget( $.extend( { $: this.$ }, actions[i] ) ) + ); + } + this.actions.add( items ); + }, this ); +}; + +/** + * @inheritdoc + */ +OO.ui.Dialog.prototype.getTeardownProcess = function ( data ) { + // Parent method + return OO.ui.Dialog.super.prototype.getTeardownProcess.call( this, data ) + .first( function () { + this.actions.clear(); + this.currentAction = null; + }, this ); +}; + +/** + * @inheritdoc + */ +OO.ui.Dialog.prototype.initialize = function () { + // Parent method + OO.ui.Dialog.super.prototype.initialize.call( this ); + + // Properties + this.title = new OO.ui.LabelWidget( { $: this.$ } ); + + // Events + if ( this.constructor.static.escapable ) { + this.$document.on( 'keydown', OO.ui.bind( this.onDocumentKeyDown, this ) ); + } + + // Initialization + this.$content.addClass( 'oo-ui-dialog-content' ); + this.setPendingElement( this.$head ); +}; + +/** + * Attach action actions. + */ +OO.ui.Dialog.prototype.attachActions = function () { + // Remember the list of potentially attached actions + this.attachedActions = this.actions.get(); +}; + +/** + * Detach action actions. + * + * @chainable + */ +OO.ui.Dialog.prototype.detachActions = function () { + var i, len; + + // Detach all actions that may have been previously attached + for ( i = 0, len = this.attachedActions.length; i < len; i++ ) { + this.attachedActions[i].$element.detach(); + } + this.attachedActions = []; +}; + +/** + * Execute an action. + * + * @param {string} action Symbolic name of action to execute + * @return {jQuery.Promise} Promise resolved when action completes, rejected if it fails + */ +OO.ui.Dialog.prototype.executeAction = function ( action ) { + this.pushPending(); + return this.getActionProcess( action ).execute() + .always( OO.ui.bind( this.popPending, this ) ); +}; + +/** + * Collection of windows. + * + * @class + * @extends OO.ui.Element + * @mixins OO.EventEmitter + * + * Managed windows are mutually exclusive. If a window is opened while there is a current window + * already opening or opened, the current window will be closed without data. Empty closing data + * should always result in the window being closed without causing constructive or destructive + * action. + * + * As a window is opened and closed, it passes through several stages and the manager emits several + * corresponding events. + * + * - {@link #openWindow} or {@link OO.ui.Window#open} methods are used to start opening + * - {@link #event-opening} is emitted with `opening` promise + * - {@link #getSetupDelay} is called the returned value is used to time a pause in execution + * - {@link OO.ui.Window#getSetupProcess} method is called on the window and its result executed + * - `setup` progress notification is emitted from opening promise + * - {@link #getReadyDelay} is called the returned value is used to time a pause in execution + * - {@link OO.ui.Window#getReadyProcess} method is called on the window and its result executed + * - `ready` progress notification is emitted from opening promise + * - `opening` promise is resolved with `opened` promise + * - Window is now open + * + * - {@link #closeWindow} or {@link OO.ui.Window#close} methods are used to start closing + * - `opened` promise is resolved with `closing` promise + * - {@link #event-closing} is emitted with `closing` promise + * - {@link #getHoldDelay} is called the returned value is used to time a pause in execution + * - {@link OO.ui.Window#getHoldProcess} method is called on the window and its result executed + * - `hold` progress notification is emitted from opening promise + * - {@link #getTeardownDelay} is called the returned value is used to time a pause in execution + * - {@link OO.ui.Window#getTeardownProcess} method is called on the window and its result executed + * - `teardown` progress notification is emitted from opening promise + * - Closing promise is resolved + * - Window is now closed + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [isolate] Configure managed windows to isolate their content using inline frames + * @cfg {OO.Factory} [factory] Window factory to use for automatic instantiation + * @cfg {boolean} [modal=true] Prevent interaction outside the dialog + */ +OO.ui.WindowManager = function OoUiWindowManager( config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.WindowManager.super.call( this, config ); + + // Mixin constructors + OO.EventEmitter.call( this ); + + // Properties + this.factory = config.factory; + this.modal = config.modal === undefined || !!config.modal; + this.isolate = !!config.isolate; + this.windows = {}; + this.opening = null; + this.opened = null; + this.closing = null; + this.preparingToOpen = null; + this.preparingToClose = null; + this.size = null; + this.currentWindow = null; + this.$ariaHidden = null; + this.requestedSize = null; + this.onWindowResizeTimeout = null; + this.onWindowResizeHandler = OO.ui.bind( this.onWindowResize, this ); + this.afterWindowResizeHandler = OO.ui.bind( this.afterWindowResize, this ); + this.onWindowMouseWheelHandler = OO.ui.bind( this.onWindowMouseWheel, this ); + this.onDocumentKeyDownHandler = OO.ui.bind( this.onDocumentKeyDown, this ); + + // Initialization + this.$element + .addClass( 'oo-ui-windowManager' ) + .toggleClass( 'oo-ui-windowManager-modal', this.modal ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.WindowManager, OO.ui.Element ); +OO.mixinClass( OO.ui.WindowManager, OO.EventEmitter ); + +/* Events */ + +/** + * Window is opening. + * + * Fired when the window begins to be opened. + * + * @event opening + * @param {OO.ui.Window} win Window that's being opened + * @param {jQuery.Promise} opening Promise resolved when window is opened; when the promise is + * resolved the first argument will be a promise which will be resolved when the window begins + * closing, the second argument will be the opening data; progress notifications will be fired on + * the promise for `setup` and `ready` when those processes are completed respectively. + * @param {Object} data Window opening data + */ + +/** + * Window is closing. + * + * Fired when the window begins to be closed. + * + * @event closing + * @param {OO.ui.Window} win Window that's being closed + * @param {jQuery.Promise} opening Promise resolved when window is closed; when the promise + * is resolved the first argument will be a the closing data; progress notifications will be fired + * on the promise for `hold` and `teardown` when those processes are completed respectively. + * @param {Object} data Window closing data + */ + +/* Static Properties */ + +/** + * Map of symbolic size names and CSS properties. + * + * @static + * @inheritable + * @property {Object} + */ +OO.ui.WindowManager.static.sizes = { + small: { + width: 300 + }, + medium: { + width: 500 + }, + large: { + width: 700 + }, + full: { + // These can be non-numeric because they are never used in calculations + width: '100%', + height: '100%' + } +}; + +/** + * Symbolic name of default size. + * + * Default size is used if the window's requested size is not recognized. + * + * @static + * @inheritable + * @property {string} + */ +OO.ui.WindowManager.static.defaultSize = 'medium'; + +/* Methods */ + +/** + * Handle window resize events. + * + * @param {jQuery.Event} e Window resize event + */ +OO.ui.WindowManager.prototype.onWindowResize = function () { + clearTimeout( this.onWindowResizeTimeout ); + this.onWindowResizeTimeout = setTimeout( this.afterWindowResizeHandler, 200 ); +}; + +/** + * Handle window resize events. + * + * @param {jQuery.Event} e Window resize event + */ +OO.ui.WindowManager.prototype.afterWindowResize = function () { + if ( this.currentWindow ) { + this.updateWindowSize( this.currentWindow ); + } +}; + +/** + * Handle window mouse wheel events. + * + * @param {jQuery.Event} e Mouse wheel event + */ +OO.ui.WindowManager.prototype.onWindowMouseWheel = function () { + return false; +}; + +/** + * Handle document key down events. + * + * @param {jQuery.Event} e Key down event + */ +OO.ui.WindowManager.prototype.onDocumentKeyDown = function ( e ) { + switch ( e.which ) { + case OO.ui.Keys.PAGEUP: + case OO.ui.Keys.PAGEDOWN: + case OO.ui.Keys.END: + case OO.ui.Keys.HOME: + case OO.ui.Keys.LEFT: + case OO.ui.Keys.UP: + case OO.ui.Keys.RIGHT: + case OO.ui.Keys.DOWN: + // Prevent any key events that might cause scrolling + return false; + } +}; + +/** + * Check if window is opening. + * + * @return {boolean} Window is opening + */ +OO.ui.WindowManager.prototype.isOpening = function ( win ) { + return win === this.currentWindow && !!this.opening && this.opening.state() === 'pending'; +}; + +/** + * Check if window is closing. + * + * @return {boolean} Window is closing + */ +OO.ui.WindowManager.prototype.isClosing = function ( win ) { + return win === this.currentWindow && !!this.closing && this.closing.state() === 'pending'; +}; + +/** + * Check if window is opened. + * + * @return {boolean} Window is opened + */ +OO.ui.WindowManager.prototype.isOpened = function ( win ) { + return win === this.currentWindow && !!this.opened && this.opened.state() === 'pending'; +}; + +/** + * Check if window contents should be isolated. + * + * Window content isolation is done using inline frames. + * + * @return {boolean} Window contents should be isolated + */ +OO.ui.WindowManager.prototype.shouldIsolate = function () { + return this.isolate; +}; + +/** + * Check if a window is being managed. + * + * @param {OO.ui.Window} win Window to check + * @return {boolean} Window is being managed + */ +OO.ui.WindowManager.prototype.hasWindow = function ( win ) { + var name; + + for ( name in this.windows ) { + if ( this.windows[name] === win ) { + return true; + } + } + + return false; +}; + +/** + * Get the number of milliseconds to wait between beginning opening and executing setup process. + * + * @param {OO.ui.Window} win Window being opened + * @param {Object} [data] Window opening data + * @return {number} Milliseconds to wait + */ +OO.ui.WindowManager.prototype.getSetupDelay = function () { + return 0; +}; + +/** + * Get the number of milliseconds to wait between finishing setup and executing ready process. + * + * @param {OO.ui.Window} win Window being opened + * @param {Object} [data] Window opening data + * @return {number} Milliseconds to wait + */ +OO.ui.WindowManager.prototype.getReadyDelay = function () { + return 0; +}; + +/** + * Get the number of milliseconds to wait between beginning closing and executing hold process. + * + * @param {OO.ui.Window} win Window being closed + * @param {Object} [data] Window closing data + * @return {number} Milliseconds to wait + */ +OO.ui.WindowManager.prototype.getHoldDelay = function () { + return 0; +}; + +/** + * Get the number of milliseconds to wait between finishing hold and executing teardown process. + * + * @param {OO.ui.Window} win Window being closed + * @param {Object} [data] Window closing data + * @return {number} Milliseconds to wait + */ +OO.ui.WindowManager.prototype.getTeardownDelay = function () { + return this.modal ? 250 : 0; +}; + +/** + * Get managed window by symbolic name. + * + * If window is not yet instantiated, it will be instantiated and added automatically. + * + * @param {string} name Symbolic window name + * @return {jQuery.Promise} Promise resolved with matching window, or rejected with an OO.ui.Error + * @throws {Error} If the symbolic name is unrecognized by the factory + * @throws {Error} If the symbolic name unrecognized as a managed window + */ +OO.ui.WindowManager.prototype.getWindow = function ( name ) { + var deferred = $.Deferred(), + win = this.windows[name]; + + if ( !( win instanceof OO.ui.Window ) ) { + if ( this.factory ) { + if ( !this.factory.lookup( name ) ) { + deferred.reject( new OO.ui.Error( + 'Cannot auto-instantiate window: symbolic name is unrecognized by the factory' + ) ); + } else { + win = this.factory.create( name, this, { $: this.$ } ); + this.addWindows( [ win ] ); + deferred.resolve( win ); + } + } else { + deferred.reject( new OO.ui.Error( + 'Cannot get unmanaged window: symbolic name unrecognized as a managed window' + ) ); + } + } else { + deferred.resolve( win ); + } + + return deferred.promise(); +}; + +/** + * Get current window. + * + * @return {OO.ui.Window|null} Currently opening/opened/closing window + */ +OO.ui.WindowManager.prototype.getCurrentWindow = function () { + return this.currentWindow; +}; + +/** + * Open a window. + * + * @param {OO.ui.Window|string} win Window object or symbolic name of window to open + * @param {Object} [data] Window opening data + * @return {jQuery.Promise} Promise resolved when window is done opening; see {@link #event-opening} + * for more details about the `opening` promise + * @fires opening + */ +OO.ui.WindowManager.prototype.openWindow = function ( win, data ) { + var manager = this, + preparing = [], + opening = $.Deferred(); + + // Argument handling + if ( typeof win === 'string' ) { + return this.getWindow( win ).then( function ( win ) { + return manager.openWindow( win, data ); + } ); + } + + // Error handling + if ( !this.hasWindow( win ) ) { + opening.reject( new OO.ui.Error( + 'Cannot open window: window is not attached to manager' + ) ); + } else if ( this.preparingToOpen || this.opening || this.opened ) { + opening.reject( new OO.ui.Error( + 'Cannot open window: another window is opening or open' + ) ); + } + + // Window opening + if ( opening.state() !== 'rejected' ) { + // Begin loading the window if it's not loading or loaded already - may take noticable time + // and we want to do this in paralell with any other preparatory actions + if ( !win.isLoading() && !win.isLoaded() ) { + // Finish initializing the window (must be done after manager is attached to DOM) + win.setManager( this ); + preparing.push( win.load() ); + } + + if ( this.closing ) { + // If a window is currently closing, wait for it to complete + preparing.push( this.closing ); + } + + this.preparingToOpen = $.when.apply( $, preparing ); + // Ensure handlers get called after preparingToOpen is set + this.preparingToOpen.done( function () { + if ( manager.modal ) { + manager.toggleGlobalEvents( true ); + manager.toggleAriaIsolation( true ); + } + manager.currentWindow = win; + manager.opening = opening; + manager.preparingToOpen = null; + manager.emit( 'opening', win, opening, data ); + setTimeout( function () { + win.setup( data ).then( function () { + manager.updateWindowSize( win ); + manager.opening.notify( { state: 'setup' } ); + setTimeout( function () { + win.ready( data ).then( function () { + manager.opening.notify( { state: 'ready' } ); + manager.opening = null; + manager.opened = $.Deferred(); + opening.resolve( manager.opened.promise(), data ); + } ); + }, manager.getReadyDelay() ); + } ); + }, manager.getSetupDelay() ); + } ); + } + + return opening.promise(); +}; + +/** + * Close a window. + * + * @param {OO.ui.Window|string} win Window object or symbolic name of window to close + * @param {Object} [data] Window closing data + * @return {jQuery.Promise} Promise resolved when window is done closing; see {@link #event-closing} + * for more details about the `closing` promise + * @throws {Error} If no window by that name is being managed + * @fires closing + */ +OO.ui.WindowManager.prototype.closeWindow = function ( win, data ) { + var manager = this, + preparing = [], + closing = $.Deferred(), + opened = this.opened; + + // Argument handling + if ( typeof win === 'string' ) { + win = this.windows[win]; + } else if ( !this.hasWindow( win ) ) { + win = null; + } + + // Error handling + if ( !win ) { + closing.reject( new OO.ui.Error( + 'Cannot close window: window is not attached to manager' + ) ); + } else if ( win !== this.currentWindow ) { + closing.reject( new OO.ui.Error( + 'Cannot close window: window already closed with different data' + ) ); + } else if ( this.preparingToClose || this.closing ) { + closing.reject( new OO.ui.Error( + 'Cannot close window: window already closing with different data' + ) ); + } + + // Window closing + if ( closing.state() !== 'rejected' ) { + if ( this.opening ) { + // If the window is currently opening, close it when it's done + preparing.push( this.opening ); + } + + this.preparingToClose = $.when.apply( $, preparing ); + // Ensure handlers get called after preparingToClose is set + this.preparingToClose.done( function () { + manager.closing = closing; + manager.preparingToClose = null; + manager.emit( 'closing', win, closing, data ); + manager.opened = null; + opened.resolve( closing.promise(), data ); + setTimeout( function () { + win.hold( data ).then( function () { + closing.notify( { state: 'hold' } ); + setTimeout( function () { + win.teardown( data ).then( function () { + closing.notify( { state: 'teardown' } ); + if ( manager.modal ) { + manager.toggleGlobalEvents( false ); + manager.toggleAriaIsolation( false ); + } + manager.closing = null; + manager.currentWindow = null; + closing.resolve( data ); + } ); + }, manager.getTeardownDelay() ); + } ); + }, manager.getHoldDelay() ); + } ); + } + + return closing.promise(); +}; + +/** + * Add windows. + * + * @param {Object.<string,OO.ui.Window>|OO.ui.Window[]} windows Windows to add + * @throws {Error} If one of the windows being added without an explicit symbolic name does not have + * a statically configured symbolic name + */ +OO.ui.WindowManager.prototype.addWindows = function ( windows ) { + var i, len, win, name, list; + + if ( $.isArray( windows ) ) { + // Convert to map of windows by looking up symbolic names from static configuration + list = {}; + for ( i = 0, len = windows.length; i < len; i++ ) { + name = windows[i].constructor.static.name; + if ( typeof name !== 'string' ) { + throw new Error( 'Cannot add window' ); + } + list[name] = windows[i]; + } + } else if ( $.isPlainObject( windows ) ) { + list = windows; + } + + // Add windows + for ( name in list ) { + win = list[name]; + this.windows[name] = win; + this.$element.append( win.$element ); + } +}; + +/** + * Remove windows. + * + * Windows will be closed before they are removed. + * + * @param {string} name Symbolic name of window to remove + * @return {jQuery.Promise} Promise resolved when window is closed and removed + * @throws {Error} If windows being removed are not being managed + */ +OO.ui.WindowManager.prototype.removeWindows = function ( names ) { + var i, len, win, name, + manager = this, + promises = [], + cleanup = function ( name, win ) { + delete manager.windows[name]; + win.$element.detach(); + }; + + for ( i = 0, len = names.length; i < len; i++ ) { + name = names[i]; + win = this.windows[name]; + if ( !win ) { + throw new Error( 'Cannot remove window' ); + } + promises.push( this.closeWindow( name ).then( OO.ui.bind( cleanup, null, name, win ) ) ); + } + + return $.when.apply( $, promises ); +}; + +/** + * Remove all windows. + * + * Windows will be closed before they are removed. + * + * @return {jQuery.Promise} Promise resolved when all windows are closed and removed + */ +OO.ui.WindowManager.prototype.clearWindows = function () { + return this.removeWindows( Object.keys( this.windows ) ); +}; + +/** + * Set dialog size. + * + * Fullscreen mode will be used if the dialog is too wide to fit in the screen. + * + * @chainable + */ +OO.ui.WindowManager.prototype.updateWindowSize = function ( win ) { + // Bypass for non-current, and thus invisible, windows + if ( win !== this.currentWindow ) { + return; + } + + var viewport = OO.ui.Element.getDimensions( win.getElementWindow() ), + sizes = this.constructor.static.sizes, + size = win.getSize(); + + if ( !sizes[size] ) { + size = this.constructor.static.defaultSize; + } + if ( size !== 'full' && viewport.rect.right - viewport.rect.left < sizes[size].width ) { + size = 'full'; + } + + this.$element.toggleClass( 'oo-ui-windowManager-fullscreen', size === 'full' ); + this.$element.toggleClass( 'oo-ui-windowManager-floating', size !== 'full' ); + win.setDimensions( sizes[size] ); + + return this; +}; + +/** + * Bind or unbind global events for scrolling. + * + * @param {boolean} [on] Bind global events + * @chainable + */ +OO.ui.WindowManager.prototype.toggleGlobalEvents = function ( on ) { + on = on === undefined ? !!this.globalEvents : !!on; + + if ( on ) { + if ( !this.globalEvents ) { + this.$( this.getElementDocument() ).on( { + // Prevent scrolling by keys in top-level window + keydown: this.onDocumentKeyDownHandler + } ); + this.$( this.getElementWindow() ).on( { + // Prevent scrolling by wheel in top-level window + mousewheel: this.onWindowMouseWheelHandler, + // Start listening for top-level window dimension changes + 'orientationchange resize': this.onWindowResizeHandler + } ); + this.globalEvents = true; + } + } else if ( this.globalEvents ) { + // Unbind global events + this.$( this.getElementDocument() ).off( { + // Allow scrolling by keys in top-level window + keydown: this.onDocumentKeyDownHandler + } ); + this.$( this.getElementWindow() ).off( { + // Allow scrolling by wheel in top-level window + mousewheel: this.onWindowMouseWheelHandler, + // Stop listening for top-level window dimension changes + 'orientationchange resize': this.onWindowResizeHandler + } ); + this.globalEvents = false; + } + + return this; +}; + +/** + * Toggle screen reader visibility of content other than the window manager. + * + * @param {boolean} [isolate] Make only the window manager visible to screen readers + * @chainable + */ +OO.ui.WindowManager.prototype.toggleAriaIsolation = function ( isolate ) { + isolate = isolate === undefined ? !this.$ariaHidden : !!isolate; + + if ( isolate ) { + if ( !this.$ariaHidden ) { + // Hide everything other than the window manager from screen readers + this.$ariaHidden = $( 'body' ) + .children() + .not( this.$element.parentsUntil( 'body' ).last() ) + .attr( 'aria-hidden', '' ); + } + } else if ( this.$ariaHidden ) { + // Restore screen reader visiblity + this.$ariaHidden.removeAttr( 'aria-hidden' ); + this.$ariaHidden = null; + } + + return this; +}; + +/** + * Destroy window manager. + * + * Windows will not be closed, only removed from the DOM. + */ +OO.ui.WindowManager.prototype.destroy = function () { + this.toggleGlobalEvents( false ); + this.toggleAriaIsolation( false ); + this.$element.remove(); +}; + +/** + * @abstract + * @class + * + * @constructor + * @param {string|jQuery} message Description of error + * @param {Object} [config] Configuration options + * @cfg {boolean} [recoverable=true] Error is recoverable + */ +OO.ui.Error = function OoUiElement( message, config ) { + // Configuration initialization + config = config || {}; + + // Properties + this.message = message instanceof jQuery ? message : String( message ); + this.recoverable = config.recoverable === undefined || !!config.recoverable; +}; + +/* Setup */ + +OO.initClass( OO.ui.Error ); + +/* Methods */ + +/** + * Check if error can be recovered from. + * + * @return {boolean} Error is recoverable + */ +OO.ui.Error.prototype.isRecoverable = function () { + return this.recoverable; +}; + +/** + * Get error message as DOM nodes. + * + * @return {jQuery} Error message in DOM nodes + */ +OO.ui.Error.prototype.getMessage = function () { + return this.message instanceof jQuery ? + this.message.clone() : + $( '<div>' ).text( this.message ).contents(); +}; + +/** + * Get error message as text. + * + * @return {string} Error message + */ +OO.ui.Error.prototype.getMessageText = function () { + return this.message instanceof jQuery ? this.message.text() : this.message; +}; + +/** + * A list of functions, called in sequence. + * + * If a function added to a process returns boolean false the process will stop; if it returns an + * object with a `promise` method the process will use the promise to either continue to the next + * step when the promise is resolved or stop when the promise is rejected. + * + * @class + * + * @constructor + * @param {number|jQuery.Promise|Function} step Time to wait, promise to wait for or function to + * call, see #createStep for more information + * @param {Object} [context=null] Context to call the step function in, ignored if step is a number + * or a promise + * @return {Object} Step object, with `callback` and `context` properties + */ +OO.ui.Process = function ( step, context ) { + // Properties + this.steps = []; + + // Initialization + if ( step !== undefined ) { + this.next( step, context ); + } +}; + +/* Setup */ + +OO.initClass( OO.ui.Process ); + +/* Methods */ + +/** + * Start the process. + * + * @return {jQuery.Promise} Promise that is resolved when all steps have completed or rejected when + * any of the steps return boolean false or a promise which gets rejected; upon stopping the + * process, the remaining steps will not be taken + */ +OO.ui.Process.prototype.execute = function () { + var i, len, promise; + + /** + * Continue execution. + * + * @ignore + * @param {Array} step A function and the context it should be called in + * @return {Function} Function that continues the process + */ + function proceed( step ) { + return function () { + // Execute step in the correct context + var deferred, + result = step.callback.call( step.context ); + + if ( result === false ) { + // Use rejected promise for boolean false results + return $.Deferred().reject( [] ).promise(); + } + if ( typeof result === 'number' ) { + if ( result < 0 ) { + throw new Error( 'Cannot go back in time: flux capacitor is out of service' ); + } + // Use a delayed promise for numbers, expecting them to be in milliseconds + deferred = $.Deferred(); + setTimeout( deferred.resolve, result ); + return deferred.promise(); + } + if ( result instanceof OO.ui.Error ) { + // Use rejected promise for error + return $.Deferred().reject( [ result ] ).promise(); + } + if ( $.isArray( result ) && result.length && result[0] instanceof OO.ui.Error ) { + // Use rejected promise for list of errors + return $.Deferred().reject( result ).promise(); + } + // Duck-type the object to see if it can produce a promise + if ( result && $.isFunction( result.promise ) ) { + // Use a promise generated from the result + return result.promise(); + } + // Use resolved promise for other results + return $.Deferred().resolve().promise(); + }; + } + + if ( this.steps.length ) { + // Generate a chain reaction of promises + promise = proceed( this.steps[0] )(); + for ( i = 1, len = this.steps.length; i < len; i++ ) { + promise = promise.then( proceed( this.steps[i] ) ); + } + } else { + promise = $.Deferred().resolve().promise(); + } + + return promise; +}; + +/** + * Create a process step. + * + * @private + * @param {number|jQuery.Promise|Function} step + * + * - Number of milliseconds to wait; or + * - Promise to wait to be resolved; or + * - Function to execute + * - If it returns boolean false the process will stop + * - If it returns an object with a `promise` method the process will use the promise to either + * continue to the next step when the promise is resolved or stop when the promise is rejected + * - If it returns a number, the process will wait for that number of milliseconds before + * proceeding + * @param {Object} [context=null] Context to call the step function in, ignored if step is a number + * or a promise + * @return {Object} Step object, with `callback` and `context` properties + */ +OO.ui.Process.prototype.createStep = function ( step, context ) { + if ( typeof step === 'number' || $.isFunction( step.promise ) ) { + return { + callback: function () { + return step; + }, + context: null + }; + } + if ( $.isFunction( step ) ) { + return { + callback: step, + context: context + }; + } + throw new Error( 'Cannot create process step: number, promise or function expected' ); +}; + +/** + * Add step to the beginning of the process. + * + * @inheritdoc #createStep + * @return {OO.ui.Process} this + * @chainable + */ +OO.ui.Process.prototype.first = function ( step, context ) { + this.steps.unshift( this.createStep( step, context ) ); + return this; +}; + +/** + * Add step to the end of the process. + * + * @inheritdoc #createStep + * @return {OO.ui.Process} this + * @chainable + */ +OO.ui.Process.prototype.next = function ( step, context ) { + this.steps.push( this.createStep( step, context ) ); + return this; +}; + +/** + * Factory for tools. + * + * @class + * @extends OO.Factory + * @constructor + */ +OO.ui.ToolFactory = function OoUiToolFactory() { + // Parent constructor + OO.ui.ToolFactory.super.call( this ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ToolFactory, OO.Factory ); + +/* Methods */ + +/** */ +OO.ui.ToolFactory.prototype.getTools = function ( include, exclude, promote, demote ) { + var i, len, included, promoted, demoted, + auto = [], + used = {}; + + // Collect included and not excluded tools + included = OO.simpleArrayDifference( this.extract( include ), this.extract( exclude ) ); + + // Promotion + promoted = this.extract( promote, used ); + demoted = this.extract( demote, used ); + + // Auto + for ( i = 0, len = included.length; i < len; i++ ) { + if ( !used[included[i]] ) { + auto.push( included[i] ); + } + } + + return promoted.concat( auto ).concat( demoted ); +}; + +/** + * Get a flat list of names from a list of names or groups. + * + * Tools can be specified in the following ways: + * + * - A specific tool: `{ name: 'tool-name' }` or `'tool-name'` + * - All tools in a group: `{ group: 'group-name' }` + * - All tools: `'*'` + * + * @private + * @param {Array|string} collection List of tools + * @param {Object} [used] Object with names that should be skipped as properties; extracted + * names will be added as properties + * @return {string[]} List of extracted names + */ +OO.ui.ToolFactory.prototype.extract = function ( collection, used ) { + var i, len, item, name, tool, + names = []; + + if ( collection === '*' ) { + for ( name in this.registry ) { + tool = this.registry[name]; + if ( + // Only add tools by group name when auto-add is enabled + tool.static.autoAddToCatchall && + // Exclude already used tools + ( !used || !used[name] ) + ) { + names.push( name ); + if ( used ) { + used[name] = true; + } + } + } + } else if ( $.isArray( collection ) ) { + for ( i = 0, len = collection.length; i < len; i++ ) { + item = collection[i]; + // Allow plain strings as shorthand for named tools + if ( typeof item === 'string' ) { + item = { name: item }; + } + if ( OO.isPlainObject( item ) ) { + if ( item.group ) { + for ( name in this.registry ) { + tool = this.registry[name]; + if ( + // Include tools with matching group + tool.static.group === item.group && + // Only add tools by group name when auto-add is enabled + tool.static.autoAddToGroup && + // Exclude already used tools + ( !used || !used[name] ) + ) { + names.push( name ); + if ( used ) { + used[name] = true; + } + } + } + // Include tools with matching name and exclude already used tools + } else if ( item.name && ( !used || !used[item.name] ) ) { + names.push( item.name ); + if ( used ) { + used[item.name] = true; + } + } + } + } + } + return names; +}; + +/** + * Factory for tool groups. + * + * @class + * @extends OO.Factory + * @constructor + */ +OO.ui.ToolGroupFactory = function OoUiToolGroupFactory() { + // Parent constructor + OO.Factory.call( this ); + + var i, l, + defaultClasses = this.constructor.static.getDefaultClasses(); + + // Register default toolgroups + for ( i = 0, l = defaultClasses.length; i < l; i++ ) { + this.register( defaultClasses[i] ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ToolGroupFactory, OO.Factory ); + +/* Static Methods */ + +/** + * Get a default set of classes to be registered on construction + * + * @return {Function[]} Default classes + */ +OO.ui.ToolGroupFactory.static.getDefaultClasses = function () { + return [ + OO.ui.BarToolGroup, + OO.ui.ListToolGroup, + OO.ui.MenuToolGroup + ]; +}; + +/** + * Element with a button. + * + * Buttons are used for controls which can be clicked. They can be configured to use tab indexing + * and access keys for accessibility purposes. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$button] Button node, assigned to #$button, omit to use a generated `<a>` + * @cfg {boolean} [framed=true] Render button with a frame + * @cfg {number} [tabIndex=0] Button's tab index, use null to have no tabIndex + * @cfg {string} [accessKey] Button's access key + */ +OO.ui.ButtonElement = function OoUiButtonElement( config ) { + // Configuration initialization + config = config || {}; + + // Properties + this.$button = null; + this.framed = null; + this.tabIndex = null; + this.accessKey = null; + this.active = false; + this.onMouseUpHandler = OO.ui.bind( this.onMouseUp, this ); + this.onMouseDownHandler = OO.ui.bind( this.onMouseDown, this ); + + // Initialization + this.$element.addClass( 'oo-ui-buttonElement' ); + this.toggleFramed( config.framed === undefined || config.framed ); + this.setTabIndex( config.tabIndex || 0 ); + this.setAccessKey( config.accessKey ); + this.setButtonElement( config.$button || this.$( '<a>' ) ); +}; + +/* Setup */ + +OO.initClass( OO.ui.ButtonElement ); + +/* Static Properties */ + +/** + * Cancel mouse down events. + * + * @static + * @inheritable + * @property {boolean} + */ +OO.ui.ButtonElement.static.cancelButtonMouseDownEvents = true; + +/* Methods */ + +/** + * Set the button element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $button Element to use as button + */ +OO.ui.ButtonElement.prototype.setButtonElement = function ( $button ) { + if ( this.$button ) { + this.$button + .removeClass( 'oo-ui-buttonElement-button' ) + .removeAttr( 'role accesskey tabindex' ) + .off( this.onMouseDownHandler ); + } + + this.$button = $button + .addClass( 'oo-ui-buttonElement-button' ) + .attr( { role: 'button', accesskey: this.accessKey, tabindex: this.tabIndex } ) + .on( 'mousedown', this.onMouseDownHandler ); +}; + +/** + * Handles mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.ButtonElement.prototype.onMouseDown = function ( e ) { + if ( this.isDisabled() || e.which !== 1 ) { + return false; + } + // Remove the tab-index while the button is down to prevent the button from stealing focus + this.$button.removeAttr( 'tabindex' ); + this.$element.addClass( 'oo-ui-buttonElement-pressed' ); + // Run the mouseup handler no matter where the mouse is when the button is let go, so we can + // reliably reapply the tabindex and remove the pressed class + this.getElementDocument().addEventListener( 'mouseup', this.onMouseUpHandler, true ); + // Prevent change of focus unless specifically configured otherwise + if ( this.constructor.static.cancelButtonMouseDownEvents ) { + return false; + } +}; + +/** + * Handles mouse up events. + * + * @param {jQuery.Event} e Mouse up event + */ +OO.ui.ButtonElement.prototype.onMouseUp = function ( e ) { + if ( this.isDisabled() || e.which !== 1 ) { + return false; + } + // Restore the tab-index after the button is up to restore the button's accesssibility + this.$button.attr( 'tabindex', this.tabIndex ); + this.$element.removeClass( 'oo-ui-buttonElement-pressed' ); + // Stop listening for mouseup, since we only needed this once + this.getElementDocument().removeEventListener( 'mouseup', this.onMouseUpHandler, true ); +}; + +/** + * Toggle frame. + * + * @param {boolean} [framed] Make button framed, omit to toggle + * @chainable + */ +OO.ui.ButtonElement.prototype.toggleFramed = function ( framed ) { + framed = framed === undefined ? !this.framed : !!framed; + if ( framed !== this.framed ) { + this.framed = framed; + this.$element + .toggleClass( 'oo-ui-buttonElement-frameless', !framed ) + .toggleClass( 'oo-ui-buttonElement-framed', framed ); + } + + return this; +}; + +/** + * Set tab index. + * + * @param {number|null} tabIndex Button's tab index, use null to remove + * @chainable + */ +OO.ui.ButtonElement.prototype.setTabIndex = function ( tabIndex ) { + tabIndex = typeof tabIndex === 'number' && tabIndex >= 0 ? tabIndex : null; + + if ( this.tabIndex !== tabIndex ) { + if ( this.$button ) { + if ( tabIndex !== null ) { + this.$button.attr( 'tabindex', tabIndex ); + } else { + this.$button.removeAttr( 'tabindex' ); + } + } + this.tabIndex = tabIndex; + } + + return this; +}; + +/** + * Set access key. + * + * @param {string} accessKey Button's access key, use empty string to remove + * @chainable + */ +OO.ui.ButtonElement.prototype.setAccessKey = function ( accessKey ) { + accessKey = typeof accessKey === 'string' && accessKey.length ? accessKey : null; + + if ( this.accessKey !== accessKey ) { + if ( this.$button ) { + if ( accessKey !== null ) { + this.$button.attr( 'accesskey', accessKey ); + } else { + this.$button.removeAttr( 'accesskey' ); + } + } + this.accessKey = accessKey; + } + + return this; +}; + +/** + * Set active state. + * + * @param {boolean} [value] Make button active + * @chainable + */ +OO.ui.ButtonElement.prototype.setActive = function ( value ) { + this.$element.toggleClass( 'oo-ui-buttonElement-active', !!value ); + return this; +}; + +/** + * Element containing a sequence of child elements. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$group] Container node, assigned to #$group, omit to use a generated `<div>` + */ +OO.ui.GroupElement = function OoUiGroupElement( config ) { + // Configuration + config = config || {}; + + // Properties + this.$group = null; + this.items = []; + this.aggregateItemEvents = {}; + + // Initialization + this.setGroupElement( config.$group || this.$( '<div>' ) ); +}; + +/* Methods */ + +/** + * Set the group element. + * + * If an element is already set, items will be moved to the new element. + * + * @param {jQuery} $group Element to use as group + */ +OO.ui.GroupElement.prototype.setGroupElement = function ( $group ) { + var i, len; + + this.$group = $group; + for ( i = 0, len = this.items.length; i < len; i++ ) { + this.$group.append( this.items[i].$element ); + } +}; + +/** + * Check if there are no items. + * + * @return {boolean} Group is empty + */ +OO.ui.GroupElement.prototype.isEmpty = function () { + return !this.items.length; +}; + +/** + * Get items. + * + * @return {OO.ui.Element[]} Items + */ +OO.ui.GroupElement.prototype.getItems = function () { + return this.items.slice( 0 ); +}; + +/** + * Add an aggregate item event. + * + * Aggregated events are listened to on each item and then emitted by the group under a new name, + * and with an additional leading parameter containing the item that emitted the original event. + * Other arguments that were emitted from the original event are passed through. + * + * @param {Object.<string,string|null>} events Aggregate events emitted by group, keyed by item + * event, use null value to remove aggregation + * @throws {Error} If aggregation already exists + */ +OO.ui.GroupElement.prototype.aggregate = function ( events ) { + var i, len, item, add, remove, itemEvent, groupEvent; + + for ( itemEvent in events ) { + groupEvent = events[itemEvent]; + + // Remove existing aggregated event + if ( itemEvent in this.aggregateItemEvents ) { + // Don't allow duplicate aggregations + if ( groupEvent ) { + throw new Error( 'Duplicate item event aggregation for ' + itemEvent ); + } + // Remove event aggregation from existing items + for ( i = 0, len = this.items.length; i < len; i++ ) { + item = this.items[i]; + if ( item.connect && item.disconnect ) { + remove = {}; + remove[itemEvent] = [ 'emit', groupEvent, item ]; + item.disconnect( this, remove ); + } + } + // Prevent future items from aggregating event + delete this.aggregateItemEvents[itemEvent]; + } + + // Add new aggregate event + if ( groupEvent ) { + // Make future items aggregate event + this.aggregateItemEvents[itemEvent] = groupEvent; + // Add event aggregation to existing items + for ( i = 0, len = this.items.length; i < len; i++ ) { + item = this.items[i]; + if ( item.connect && item.disconnect ) { + add = {}; + add[itemEvent] = [ 'emit', groupEvent, item ]; + item.connect( this, add ); + } + } + } + } +}; + +/** + * Add items. + * + * Adding an existing item (by value) will move it. + * + * @param {OO.ui.Element[]} items Item + * @param {number} [index] Index to insert items at + * @chainable + */ +OO.ui.GroupElement.prototype.addItems = function ( items, index ) { + var i, len, item, event, events, currentIndex, + itemElements = []; + + for ( i = 0, len = items.length; i < len; i++ ) { + item = items[i]; + + // Check if item exists then remove it first, effectively "moving" it + currentIndex = $.inArray( item, this.items ); + if ( currentIndex >= 0 ) { + this.removeItems( [ item ] ); + // Adjust index to compensate for removal + if ( currentIndex < index ) { + index--; + } + } + // Add the item + if ( item.connect && item.disconnect && !$.isEmptyObject( this.aggregateItemEvents ) ) { + events = {}; + for ( event in this.aggregateItemEvents ) { + events[event] = [ 'emit', this.aggregateItemEvents[event], item ]; + } + item.connect( this, events ); + } + item.setElementGroup( this ); + itemElements.push( item.$element.get( 0 ) ); + } + + if ( index === undefined || index < 0 || index >= this.items.length ) { + this.$group.append( itemElements ); + this.items.push.apply( this.items, items ); + } else if ( index === 0 ) { + this.$group.prepend( itemElements ); + this.items.unshift.apply( this.items, items ); + } else { + this.items[index].$element.before( itemElements ); + this.items.splice.apply( this.items, [ index, 0 ].concat( items ) ); + } + + return this; +}; + +/** + * Remove items. + * + * Items will be detached, not removed, so they can be used later. + * + * @param {OO.ui.Element[]} items Items to remove + * @chainable + */ +OO.ui.GroupElement.prototype.removeItems = function ( items ) { + var i, len, item, index, remove, itemEvent; + + // Remove specific items + for ( i = 0, len = items.length; i < len; i++ ) { + item = items[i]; + index = $.inArray( item, this.items ); + if ( index !== -1 ) { + if ( + item.connect && item.disconnect && + !$.isEmptyObject( this.aggregateItemEvents ) + ) { + remove = {}; + if ( itemEvent in this.aggregateItemEvents ) { + remove[itemEvent] = [ 'emit', this.aggregateItemEvents[itemEvent], item ]; + } + item.disconnect( this, remove ); + } + item.setElementGroup( null ); + this.items.splice( index, 1 ); + item.$element.detach(); + } + } + + return this; +}; + +/** + * Clear all items. + * + * Items will be detached, not removed, so they can be used later. + * + * @chainable + */ +OO.ui.GroupElement.prototype.clearItems = function () { + var i, len, item, remove, itemEvent; + + // Remove all items + for ( i = 0, len = this.items.length; i < len; i++ ) { + item = this.items[i]; + if ( + item.connect && item.disconnect && + !$.isEmptyObject( this.aggregateItemEvents ) + ) { + remove = {}; + if ( itemEvent in this.aggregateItemEvents ) { + remove[itemEvent] = [ 'emit', this.aggregateItemEvents[itemEvent], item ]; + } + item.disconnect( this, remove ); + } + item.setElementGroup( null ); + item.$element.detach(); + } + + this.items = []; + return this; +}; + +/** + * Element containing an icon. + * + * Icons are graphics, about the size of normal text. They can be used to aid the user in locating + * a control or convey information in a more space efficient way. Icons should rarely be used + * without labels; such as in a toolbar where space is at a premium or within a context where the + * meaning is very clear to the user. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$icon] Icon node, assigned to #$icon, omit to use a generated `<span>` + * @cfg {Object|string} [icon=''] Symbolic icon name, or map of icon names keyed by language ID; + * use the 'default' key to specify the icon to be used when there is no icon in the user's + * language + * @cfg {string} [iconTitle] Icon title text or a function that returns text + */ +OO.ui.IconElement = function OoUiIconElement( config ) { + // Config intialization + config = config || {}; + + // Properties + this.$icon = null; + this.icon = null; + this.iconTitle = null; + + // Initialization + this.setIcon( config.icon || this.constructor.static.icon ); + this.setIconTitle( config.iconTitle || this.constructor.static.iconTitle ); + this.setIconElement( config.$icon || this.$( '<span>' ) ); +}; + +/* Setup */ + +OO.initClass( OO.ui.IconElement ); + +/* Static Properties */ + +/** + * Icon. + * + * Value should be the unique portion of an icon CSS class name, such as 'up' for 'oo-ui-icon-up'. + * + * For i18n purposes, this property can be an object containing a `default` icon name property and + * additional icon names keyed by language code. + * + * Example of i18n icon definition: + * { default: 'bold-a', en: 'bold-b', de: 'bold-f' } + * + * @static + * @inheritable + * @property {Object|string} Symbolic icon name, or map of icon names keyed by language ID; + * use the 'default' key to specify the icon to be used when there is no icon in the user's + * language + */ +OO.ui.IconElement.static.icon = null; + +/** + * Icon title. + * + * @static + * @inheritable + * @property {string|Function|null} Icon title text, a function that returns text or null for no + * icon title + */ +OO.ui.IconElement.static.iconTitle = null; + +/* Methods */ + +/** + * Set the icon element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $icon Element to use as icon + */ +OO.ui.IconElement.prototype.setIconElement = function ( $icon ) { + if ( this.$icon ) { + this.$icon + .removeClass( 'oo-ui-iconElement-icon oo-ui-icon-' + this.icon ) + .removeAttr( 'title' ); + } + + this.$icon = $icon + .addClass( 'oo-ui-iconElement-icon' ) + .toggleClass( 'oo-ui-icon-' + this.icon, !!this.icon ); + if ( this.iconTitle !== null ) { + this.$icon.attr( 'title', this.iconTitle ); + } +}; + +/** + * Set icon. + * + * @param {Object|string|null} icon Symbolic icon name, or map of icon names keyed by language ID; + * use the 'default' key to specify the icon to be used when there is no icon in the user's + * language, use null to remove icon + * @chainable + */ +OO.ui.IconElement.prototype.setIcon = function ( icon ) { + icon = OO.isPlainObject( icon ) ? OO.ui.getLocalValue( icon, null, 'default' ) : icon; + icon = typeof icon === 'string' && icon.trim().length ? icon.trim() : null; + + if ( this.icon !== icon ) { + if ( this.$icon ) { + if ( this.icon !== null ) { + this.$icon.removeClass( 'oo-ui-icon-' + this.icon ); + } + if ( icon !== null ) { + this.$icon.addClass( 'oo-ui-icon-' + icon ); + } + } + this.icon = icon; + } + + this.$element.toggleClass( 'oo-ui-iconElement', !!this.icon ); + + return this; +}; + +/** + * Set icon title. + * + * @param {string|Function|null} icon Icon title text, a function that returns text or null + * for no icon title + * @chainable + */ +OO.ui.IconElement.prototype.setIconTitle = function ( iconTitle ) { + iconTitle = typeof iconTitle === 'function' || + ( typeof iconTitle === 'string' && iconTitle.length ) ? + OO.ui.resolveMsg( iconTitle ) : null; + + if ( this.iconTitle !== iconTitle ) { + this.iconTitle = iconTitle; + if ( this.$icon ) { + if ( this.iconTitle !== null ) { + this.$icon.attr( 'title', iconTitle ); + } else { + this.$icon.removeAttr( 'title' ); + } + } + } + + return this; +}; + +/** + * Get icon. + * + * @return {string} Icon + */ +OO.ui.IconElement.prototype.getIcon = function () { + return this.icon; +}; + +/** + * Element containing an indicator. + * + * Indicators are graphics, smaller than normal text. They can be used to describe unique status or + * behavior. Indicators should only be used in exceptional cases; such as a button that opens a menu + * instead of performing an action directly, or an item in a list which has errors that need to be + * resolved. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$indicator] Indicator node, assigned to #$indicator, omit to use a generated + * `<span>` + * @cfg {string} [indicator] Symbolic indicator name + * @cfg {string} [indicatorTitle] Indicator title text or a function that returns text + */ +OO.ui.IndicatorElement = function OoUiIndicatorElement( config ) { + // Config intialization + config = config || {}; + + // Properties + this.$indicator = null; + this.indicator = null; + this.indicatorTitle = null; + + // Initialization + this.setIndicator( config.indicator || this.constructor.static.indicator ); + this.setIndicatorTitle( config.indicatorTitle || this.constructor.static.indicatorTitle ); + this.setIndicatorElement( config.$indicator || this.$( '<span>' ) ); +}; + +/* Setup */ + +OO.initClass( OO.ui.IndicatorElement ); + +/* Static Properties */ + +/** + * indicator. + * + * @static + * @inheritable + * @property {string|null} Symbolic indicator name or null for no indicator + */ +OO.ui.IndicatorElement.static.indicator = null; + +/** + * Indicator title. + * + * @static + * @inheritable + * @property {string|Function|null} Indicator title text, a function that returns text or null for no + * indicator title + */ +OO.ui.IndicatorElement.static.indicatorTitle = null; + +/* Methods */ + +/** + * Set the indicator element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $indicator Element to use as indicator + */ +OO.ui.IndicatorElement.prototype.setIndicatorElement = function ( $indicator ) { + if ( this.$indicator ) { + this.$indicator + .removeClass( 'oo-ui-indicatorElement-indicator oo-ui-indicator-' + this.indicator ) + .removeAttr( 'title' ); + } + + this.$indicator = $indicator + .addClass( 'oo-ui-indicatorElement-indicator' ) + .toggleClass( 'oo-ui-indicator-' + this.indicator, !!this.indicator ); + if ( this.indicatorTitle !== null ) { + this.$indicatorTitle.attr( 'title', this.indicatorTitle ); + } +}; + +/** + * Set indicator. + * + * @param {string|null} indicator Symbolic name of indicator to use or null for no indicator + * @chainable + */ +OO.ui.IndicatorElement.prototype.setIndicator = function ( indicator ) { + indicator = typeof indicator === 'string' && indicator.length ? indicator.trim() : null; + + if ( this.indicator !== indicator ) { + if ( this.$indicator ) { + if ( this.indicator !== null ) { + this.$indicator.removeClass( 'oo-ui-indicator-' + this.indicator ); + } + if ( indicator !== null ) { + this.$indicator.addClass( 'oo-ui-indicator-' + indicator ); + } + } + this.indicator = indicator; + } + + this.$element.toggleClass( 'oo-ui-indicatorElement', !!this.indicator ); + + return this; +}; + +/** + * Set indicator title. + * + * @param {string|Function|null} indicator Indicator title text, a function that returns text or + * null for no indicator title + * @chainable + */ +OO.ui.IndicatorElement.prototype.setIndicatorTitle = function ( indicatorTitle ) { + indicatorTitle = typeof indicatorTitle === 'function' || + ( typeof indicatorTitle === 'string' && indicatorTitle.length ) ? + OO.ui.resolveMsg( indicatorTitle ) : null; + + if ( this.indicatorTitle !== indicatorTitle ) { + this.indicatorTitle = indicatorTitle; + if ( this.$indicator ) { + if ( this.indicatorTitle !== null ) { + this.$indicator.attr( 'title', indicatorTitle ); + } else { + this.$indicator.removeAttr( 'title' ); + } + } + } + + return this; +}; + +/** + * Get indicator. + * + * @return {string} title Symbolic name of indicator + */ +OO.ui.IndicatorElement.prototype.getIndicator = function () { + return this.indicator; +}; + +/** + * Get indicator title. + * + * @return {string} Indicator title text + */ +OO.ui.IndicatorElement.prototype.getIndicatorTitle = function () { + return this.indicatorTitle; +}; + +/** + * Element containing a label. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$label] Label node, assigned to #$label, omit to use a generated `<span>` + * @cfg {jQuery|string|Function} [label] Label nodes, text or a function that returns nodes or text + * @cfg {boolean} [autoFitLabel=true] Whether to fit the label or not. + */ +OO.ui.LabelElement = function OoUiLabelElement( config ) { + // Config intialization + config = config || {}; + + // Properties + this.$label = null; + this.label = null; + this.autoFitLabel = config.autoFitLabel === undefined || !!config.autoFitLabel; + + // Initialization + this.setLabel( config.label || this.constructor.static.label ); + this.setLabelElement( config.$label || this.$( '<span>' ) ); +}; + +/* Setup */ + +OO.initClass( OO.ui.LabelElement ); + +/* Static Properties */ + +/** + * Label. + * + * @static + * @inheritable + * @property {string|Function|null} Label text; a function that returns nodes or text; or null for + * no label + */ +OO.ui.LabelElement.static.label = null; + +/* Methods */ + +/** + * Set the label element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $label Element to use as label + */ +OO.ui.LabelElement.prototype.setLabelElement = function ( $label ) { + if ( this.$label ) { + this.$label.removeClass( 'oo-ui-labelElement-label' ).empty(); + } + + this.$label = $label.addClass( 'oo-ui-labelElement-label' ); + this.setLabelContent( this.label ); +}; + +/** + * Set the label. + * + * An empty string will result in the label being hidden. A string containing only whitespace will + * be converted to a single + * + * @param {jQuery|string|Function|null} label Label nodes; text; a function that returns nodes or + * text; or null for no label + * @chainable + */ +OO.ui.LabelElement.prototype.setLabel = function ( label ) { + label = typeof label === 'function' ? OO.ui.resolveMsg( label ) : label; + label = ( typeof label === 'string' && label.length ) || label instanceof jQuery ? label : null; + + if ( this.label !== label ) { + if ( this.$label ) { + this.setLabelContent( label ); + } + this.label = label; + } + + this.$element.toggleClass( 'oo-ui-labelElement', !!this.label ); + + return this; +}; + +/** + * Get the label. + * + * @return {jQuery|string|Function|null} label Label nodes; text; a function that returns nodes or + * text; or null for no label + */ +OO.ui.LabelElement.prototype.getLabel = function () { + return this.label; +}; + +/** + * Fit the label. + * + * @chainable + */ +OO.ui.LabelElement.prototype.fitLabel = function () { + if ( this.$label && this.$label.autoEllipsis && this.autoFitLabel ) { + this.$label.autoEllipsis( { hasSpan: false, tooltip: true } ); + } + + return this; +}; + +/** + * Set the content of the label. + * + * Do not call this method until after the label element has been set by #setLabelElement. + * + * @private + * @param {jQuery|string|Function|null} label Label nodes; text; a function that returns nodes or + * text; or null for no label + */ +OO.ui.LabelElement.prototype.setLabelContent = function ( label ) { + if ( typeof label === 'string' ) { + if ( label.match( /^\s*$/ ) ) { + // Convert whitespace only string to a single non-breaking space + this.$label.html( ' ' ); + } else { + this.$label.text( label ); + } + } else if ( label instanceof jQuery ) { + this.$label.empty().append( label ); + } else { + this.$label.empty(); + } + this.$label.css( 'display', !label ? 'none' : '' ); +}; + +/** + * Element containing an OO.ui.PopupWidget object. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {Object} [popup] Configuration to pass to popup + * @cfg {boolean} [autoClose=true] Popup auto-closes when it loses focus + */ +OO.ui.PopupElement = function OoUiPopupElement( config ) { + // Configuration initialization + config = config || {}; + + // Properties + this.popup = new OO.ui.PopupWidget( $.extend( + { autoClose: true }, + config.popup, + { $: this.$, $autoCloseIgnore: this.$element } + ) ); +}; + +/* Methods */ + +/** + * Get popup. + * + * @return {OO.ui.PopupWidget} Popup widget + */ +OO.ui.PopupElement.prototype.getPopup = function () { + return this.popup; +}; + +/** + * Element with named flags that can be added, removed, listed and checked. + * + * A flag, when set, adds a CSS class on the `$element` by combining `oo-ui-flaggedElement-` with + * the flag name. Flags are primarily useful for styling. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string[]} [flags=[]] Styling flags, e.g. 'primary', 'destructive' or 'constructive' + * @cfg {jQuery} [$flagged] Flagged node, assigned to #$flagged, omit to use #$element + */ +OO.ui.FlaggedElement = function OoUiFlaggedElement( config ) { + // Config initialization + config = config || {}; + + // Properties + this.flags = {}; + this.$flagged = null; + + // Initialization + this.setFlags( config.flags ); + this.setFlaggedElement( config.$flagged || this.$element ); +}; + +/* Events */ + +/** + * @event flag + * @param {Object.<string,boolean>} changes Object keyed by flag name containing boolean + * added/removed properties + */ + +/* Methods */ + +/** + * Set the flagged element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $flagged Element to add flags to + */ +OO.ui.FlaggedElement.prototype.setFlaggedElement = function ( $flagged ) { + var classNames = Object.keys( this.flags ).map( function ( flag ) { + return 'oo-ui-flaggedElement-' + flag; + } ).join( ' ' ); + + if ( this.$flagged ) { + this.$flagged.removeClass( classNames ); + } + + this.$flagged = $flagged.addClass( classNames ); +}; + +/** + * Check if a flag is set. + * + * @param {string} flag Name of flag + * @return {boolean} Has flag + */ +OO.ui.FlaggedElement.prototype.hasFlag = function ( flag ) { + return flag in this.flags; +}; + +/** + * Get the names of all flags set. + * + * @return {string[]} flags Flag names + */ +OO.ui.FlaggedElement.prototype.getFlags = function () { + return Object.keys( this.flags ); +}; + +/** + * Clear all flags. + * + * @chainable + * @fires flag + */ +OO.ui.FlaggedElement.prototype.clearFlags = function () { + var flag, className, + changes = {}, + remove = [], + classPrefix = 'oo-ui-flaggedElement-'; + + for ( flag in this.flags ) { + className = classPrefix + flag; + changes[flag] = false; + delete this.flags[flag]; + remove.push( className ); + } + + if ( this.$flagged ) { + this.$flagged.removeClass( remove.join( ' ' ) ); + } + + this.emit( 'flag', changes ); + + return this; +}; + +/** + * Add one or more flags. + * + * @param {string|string[]|Object.<string, boolean>} flags One or more flags to add, or an object + * keyed by flag name containing boolean set/remove instructions. + * @chainable + * @fires flag + */ +OO.ui.FlaggedElement.prototype.setFlags = function ( flags ) { + var i, len, flag, className, + changes = {}, + add = [], + remove = [], + classPrefix = 'oo-ui-flaggedElement-'; + + if ( typeof flags === 'string' ) { + className = classPrefix + flags; + // Set + if ( !this.flags[flags] ) { + this.flags[flags] = true; + add.push( className ); + } + } else if ( $.isArray( flags ) ) { + for ( i = 0, len = flags.length; i < len; i++ ) { + flag = flags[i]; + className = classPrefix + flag; + // Set + if ( !this.flags[flag] ) { + changes[flag] = true; + this.flags[flag] = true; + add.push( className ); + } + } + } else if ( OO.isPlainObject( flags ) ) { + for ( flag in flags ) { + className = classPrefix + flag; + if ( flags[flag] ) { + // Set + if ( !this.flags[flag] ) { + changes[flag] = true; + this.flags[flag] = true; + add.push( className ); + } + } else { + // Remove + if ( this.flags[flag] ) { + changes[flag] = false; + delete this.flags[flag]; + remove.push( className ); + } + } + } + } + + if ( this.$flagged ) { + this.$flagged + .addClass( add.join( ' ' ) ) + .removeClass( remove.join( ' ' ) ); + } + + this.emit( 'flag', changes ); + + return this; +}; + +/** + * Element with a title. + * + * Titles are rendered by the browser and are made visible when hovering the element. Titles are + * not visible on touch devices. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$titled] Titled node, assigned to #$titled, omit to use #$element + * @cfg {string|Function} [title] Title text or a function that returns text + */ +OO.ui.TitledElement = function OoUiTitledElement( config ) { + // Config intialization + config = config || {}; + + // Properties + this.$titled = null; + this.title = null; + + // Initialization + this.setTitle( config.title || this.constructor.static.title ); + this.setTitledElement( config.$titled || this.$element ); +}; + +/* Setup */ + +OO.initClass( OO.ui.TitledElement ); + +/* Static Properties */ + +/** + * Title. + * + * @static + * @inheritable + * @property {string|Function} Title text or a function that returns text + */ +OO.ui.TitledElement.static.title = null; + +/* Methods */ + +/** + * Set the titled element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $titled Element to set title on + */ +OO.ui.TitledElement.prototype.setTitledElement = function ( $titled ) { + if ( this.$titled ) { + this.$titled.removeAttr( 'title' ); + } + + this.$titled = $titled; + if ( this.title ) { + this.$titled.attr( 'title', this.title ); + } +}; + +/** + * Set title. + * + * @param {string|Function|null} title Title text, a function that returns text or null for no title + * @chainable + */ +OO.ui.TitledElement.prototype.setTitle = function ( title ) { + title = typeof title === 'string' ? OO.ui.resolveMsg( title ) : null; + + if ( this.title !== title ) { + if ( this.$titled ) { + if ( title !== null ) { + this.$titled.attr( 'title', title ); + } else { + this.$titled.removeAttr( 'title' ); + } + } + this.title = title; + } + + return this; +}; + +/** + * Get title. + * + * @return {string} Title string + */ +OO.ui.TitledElement.prototype.getTitle = function () { + return this.title; +}; + +/** + * Element that can be automatically clipped to visible boundaries. + * + * Whenever the element's natural height changes, you have to call + * #clip to make sure it's still clipping correctly. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$clippable] Nodes to clip, assigned to #$clippable, omit to use #$element + */ +OO.ui.ClippableElement = function OoUiClippableElement( config ) { + // Configuration initialization + config = config || {}; + + // Properties + this.$clippable = null; + this.clipping = false; + this.clippedHorizontally = false; + this.clippedVertically = false; + this.$clippableContainer = null; + this.$clippableScroller = null; + this.$clippableWindow = null; + this.idealWidth = null; + this.idealHeight = null; + this.onClippableContainerScrollHandler = OO.ui.bind( this.clip, this ); + this.onClippableWindowResizeHandler = OO.ui.bind( this.clip, this ); + + // Initialization + this.setClippableElement( config.$clippable || this.$element ); +}; + +/* Methods */ + +/** + * Set clippable element. + * + * If an element is already set, it will be cleaned up before setting up the new element. + * + * @param {jQuery} $clippable Element to make clippable + */ +OO.ui.ClippableElement.prototype.setClippableElement = function ( $clippable ) { + if ( this.$clippable ) { + this.$clippable.removeClass( 'oo-ui-clippableElement-clippable' ); + this.$clippable.css( { width: '', height: '' } ); + this.$clippable.width(); // Force reflow for https://code.google.com/p/chromium/issues/detail?id=387290 + this.$clippable.css( { overflowX: '', overflowY: '' } ); + } + + this.$clippable = $clippable.addClass( 'oo-ui-clippableElement-clippable' ); + this.clip(); +}; + +/** + * Toggle clipping. + * + * Do not turn clipping on until after the element is attached to the DOM and visible. + * + * @param {boolean} [clipping] Enable clipping, omit to toggle + * @chainable + */ +OO.ui.ClippableElement.prototype.toggleClipping = function ( clipping ) { + clipping = clipping === undefined ? !this.clipping : !!clipping; + + if ( this.clipping !== clipping ) { + this.clipping = clipping; + if ( clipping ) { + this.$clippableContainer = this.$( this.getClosestScrollableElementContainer() ); + // If the clippable container is the body, we have to listen to scroll events and check + // jQuery.scrollTop on the window because of browser inconsistencies + this.$clippableScroller = this.$clippableContainer.is( 'body' ) ? + this.$( OO.ui.Element.getWindow( this.$clippableContainer ) ) : + this.$clippableContainer; + this.$clippableScroller.on( 'scroll', this.onClippableContainerScrollHandler ); + this.$clippableWindow = this.$( this.getElementWindow() ) + .on( 'resize', this.onClippableWindowResizeHandler ); + // Initial clip after visible + this.clip(); + } else { + this.$clippable.css( { width: '', height: '' } ); + this.$clippable.width(); // Force reflow for https://code.google.com/p/chromium/issues/detail?id=387290 + this.$clippable.css( { overflowX: '', overflowY: '' } ); + + this.$clippableContainer = null; + this.$clippableScroller.off( 'scroll', this.onClippableContainerScrollHandler ); + this.$clippableScroller = null; + this.$clippableWindow.off( 'resize', this.onClippableWindowResizeHandler ); + this.$clippableWindow = null; + } + } + + return this; +}; + +/** + * Check if the element will be clipped to fit the visible area of the nearest scrollable container. + * + * @return {boolean} Element will be clipped to the visible area + */ +OO.ui.ClippableElement.prototype.isClipping = function () { + return this.clipping; +}; + +/** + * Check if the bottom or right of the element is being clipped by the nearest scrollable container. + * + * @return {boolean} Part of the element is being clipped + */ +OO.ui.ClippableElement.prototype.isClipped = function () { + return this.clippedHorizontally || this.clippedVertically; +}; + +/** + * Check if the right of the element is being clipped by the nearest scrollable container. + * + * @return {boolean} Part of the element is being clipped + */ +OO.ui.ClippableElement.prototype.isClippedHorizontally = function () { + return this.clippedHorizontally; +}; + +/** + * Check if the bottom of the element is being clipped by the nearest scrollable container. + * + * @return {boolean} Part of the element is being clipped + */ +OO.ui.ClippableElement.prototype.isClippedVertically = function () { + return this.clippedVertically; +}; + +/** + * Set the ideal size. These are the dimensions the element will have when it's not being clipped. + * + * @param {number|string} [width] Width as a number of pixels or CSS string with unit suffix + * @param {number|string} [height] Height as a number of pixels or CSS string with unit suffix + */ +OO.ui.ClippableElement.prototype.setIdealSize = function ( width, height ) { + this.idealWidth = width; + this.idealHeight = height; + + if ( !this.clipping ) { + // Update dimensions + this.$clippable.css( { width: width, height: height } ); + } + // While clipping, idealWidth and idealHeight are not considered +}; + +/** + * Clip element to visible boundaries and allow scrolling when needed. Call this method when + * the element's natural height changes. + * + * Element will be clipped the bottom or right of the element is within 10px of the edge of, or + * overlapped by, the visible area of the nearest scrollable container. + * + * @chainable + */ +OO.ui.ClippableElement.prototype.clip = function () { + if ( !this.clipping ) { + // this.$clippableContainer and this.$clippableWindow are null, so the below will fail + return this; + } + + var buffer = 10, + cOffset = this.$clippable.offset(), + $container = this.$clippableContainer.is( 'body' ) ? + this.$clippableWindow : this.$clippableContainer, + ccOffset = $container.offset() || { top: 0, left: 0 }, + ccHeight = $container.innerHeight() - buffer, + ccWidth = $container.innerWidth() - buffer, + scrollTop = this.$clippableScroller.scrollTop(), + scrollLeft = this.$clippableScroller.scrollLeft(), + desiredWidth = ( ccOffset.left + scrollLeft + ccWidth ) - cOffset.left, + desiredHeight = ( ccOffset.top + scrollTop + ccHeight ) - cOffset.top, + naturalWidth = this.$clippable.prop( 'scrollWidth' ), + naturalHeight = this.$clippable.prop( 'scrollHeight' ), + clipWidth = desiredWidth < naturalWidth, + clipHeight = desiredHeight < naturalHeight; + + if ( clipWidth ) { + this.$clippable.css( { overflowX: 'auto', width: desiredWidth } ); + } else { + this.$clippable.css( 'width', this.idealWidth || '' ); + this.$clippable.width(); // Force reflow for https://code.google.com/p/chromium/issues/detail?id=387290 + this.$clippable.css( 'overflowX', '' ); + } + if ( clipHeight ) { + this.$clippable.css( { overflowY: 'auto', height: desiredHeight } ); + } else { + this.$clippable.css( 'height', this.idealHeight || '' ); + this.$clippable.height(); // Force reflow for https://code.google.com/p/chromium/issues/detail?id=387290 + this.$clippable.css( 'overflowY', '' ); + } + + this.clippedHorizontally = clipWidth; + this.clippedVertically = clipHeight; + + return this; +}; + +/** + * Generic toolbar tool. + * + * @abstract + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.IconElement + * + * @constructor + * @param {OO.ui.ToolGroup} toolGroup + * @param {Object} [config] Configuration options + * @cfg {string|Function} [title] Title text or a function that returns text + */ +OO.ui.Tool = function OoUiTool( toolGroup, config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.Tool.super.call( this, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, config ); + + // Properties + this.toolGroup = toolGroup; + this.toolbar = this.toolGroup.getToolbar(); + this.active = false; + this.$title = this.$( '<span>' ); + this.$link = this.$( '<a>' ); + this.title = null; + + // Events + this.toolbar.connect( this, { updateState: 'onUpdateState' } ); + + // Initialization + this.$title.addClass( 'oo-ui-tool-title' ); + this.$link + .addClass( 'oo-ui-tool-link' ) + .append( this.$icon, this.$title ) + .prop( 'tabIndex', 0 ) + .attr( 'role', 'button' ); + this.$element + .data( 'oo-ui-tool', this ) + .addClass( + 'oo-ui-tool ' + 'oo-ui-tool-name-' + + this.constructor.static.name.replace( /^([^\/]+)\/([^\/]+).*$/, '$1-$2' ) + ) + .append( this.$link ); + this.setTitle( config.title || this.constructor.static.title ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.Tool, OO.ui.Widget ); +OO.mixinClass( OO.ui.Tool, OO.ui.IconElement ); + +/* Events */ + +/** + * @event select + */ + +/* Static Properties */ + +/** + * @static + * @inheritdoc + */ +OO.ui.Tool.static.tagName = 'span'; + +/** + * Symbolic name of tool. + * + * @abstract + * @static + * @inheritable + * @property {string} + */ +OO.ui.Tool.static.name = ''; + +/** + * Tool group. + * + * @abstract + * @static + * @inheritable + * @property {string} + */ +OO.ui.Tool.static.group = ''; + +/** + * Tool title. + * + * Title is used as a tooltip when the tool is part of a bar tool group, or a label when the tool + * is part of a list or menu tool group. If a trigger is associated with an action by the same name + * as the tool, a description of its keyboard shortcut for the appropriate platform will be + * appended to the title if the tool is part of a bar tool group. + * + * @abstract + * @static + * @inheritable + * @property {string|Function} Title text or a function that returns text + */ +OO.ui.Tool.static.title = ''; + +/** + * Tool can be automatically added to catch-all groups. + * + * @static + * @inheritable + * @property {boolean} + */ +OO.ui.Tool.static.autoAddToCatchall = true; + +/** + * Tool can be automatically added to named groups. + * + * @static + * @property {boolean} + * @inheritable + */ +OO.ui.Tool.static.autoAddToGroup = true; + +/** + * Check if this tool is compatible with given data. + * + * @static + * @inheritable + * @param {Mixed} data Data to check + * @return {boolean} Tool can be used with data + */ +OO.ui.Tool.static.isCompatibleWith = function () { + return false; +}; + +/* Methods */ + +/** + * Handle the toolbar state being updated. + * + * This is an abstract method that must be overridden in a concrete subclass. + * + * @abstract + */ +OO.ui.Tool.prototype.onUpdateState = function () { + throw new Error( + 'OO.ui.Tool.onUpdateState not implemented in this subclass:' + this.constructor + ); +}; + +/** + * Handle the tool being selected. + * + * This is an abstract method that must be overridden in a concrete subclass. + * + * @abstract + */ +OO.ui.Tool.prototype.onSelect = function () { + throw new Error( + 'OO.ui.Tool.onSelect not implemented in this subclass:' + this.constructor + ); +}; + +/** + * Check if the button is active. + * + * @param {boolean} Button is active + */ +OO.ui.Tool.prototype.isActive = function () { + return this.active; +}; + +/** + * Make the button appear active or inactive. + * + * @param {boolean} state Make button appear active + */ +OO.ui.Tool.prototype.setActive = function ( state ) { + this.active = !!state; + if ( this.active ) { + this.$element.addClass( 'oo-ui-tool-active' ); + } else { + this.$element.removeClass( 'oo-ui-tool-active' ); + } +}; + +/** + * Get the tool title. + * + * @param {string|Function} title Title text or a function that returns text + * @chainable + */ +OO.ui.Tool.prototype.setTitle = function ( title ) { + this.title = OO.ui.resolveMsg( title ); + this.updateTitle(); + return this; +}; + +/** + * Get the tool title. + * + * @return {string} Title text + */ +OO.ui.Tool.prototype.getTitle = function () { + return this.title; +}; + +/** + * Get the tool's symbolic name. + * + * @return {string} Symbolic name of tool + */ +OO.ui.Tool.prototype.getName = function () { + return this.constructor.static.name; +}; + +/** + * Update the title. + */ +OO.ui.Tool.prototype.updateTitle = function () { + var titleTooltips = this.toolGroup.constructor.static.titleTooltips, + accelTooltips = this.toolGroup.constructor.static.accelTooltips, + accel = this.toolbar.getToolAccelerator( this.constructor.static.name ), + tooltipParts = []; + + this.$title.empty() + .text( this.title ) + .append( + this.$( '<span>' ) + .addClass( 'oo-ui-tool-accel' ) + .text( accel ) + ); + + if ( titleTooltips && typeof this.title === 'string' && this.title.length ) { + tooltipParts.push( this.title ); + } + if ( accelTooltips && typeof accel === 'string' && accel.length ) { + tooltipParts.push( accel ); + } + if ( tooltipParts.length ) { + this.$link.attr( 'title', tooltipParts.join( ' ' ) ); + } else { + this.$link.removeAttr( 'title' ); + } +}; + +/** + * Destroy tool. + */ +OO.ui.Tool.prototype.destroy = function () { + this.toolbar.disconnect( this ); + this.$element.remove(); +}; + +/** + * Collection of tool groups. + * + * @class + * @extends OO.ui.Element + * @mixins OO.EventEmitter + * @mixins OO.ui.GroupElement + * + * @constructor + * @param {OO.ui.ToolFactory} toolFactory Factory for creating tools + * @param {OO.ui.ToolGroupFactory} toolGroupFactory Factory for creating tool groups + * @param {Object} [config] Configuration options + * @cfg {boolean} [actions] Add an actions section opposite to the tools + * @cfg {boolean} [shadow] Add a shadow below the toolbar + */ +OO.ui.Toolbar = function OoUiToolbar( toolFactory, toolGroupFactory, config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.Toolbar.super.call( this, config ); + + // Mixin constructors + OO.EventEmitter.call( this ); + OO.ui.GroupElement.call( this, config ); + + // Properties + this.toolFactory = toolFactory; + this.toolGroupFactory = toolGroupFactory; + this.groups = []; + this.tools = {}; + this.$bar = this.$( '<div>' ); + this.$actions = this.$( '<div>' ); + this.initialized = false; + + // Events + this.$element + .add( this.$bar ).add( this.$group ).add( this.$actions ) + .on( 'mousedown touchstart', OO.ui.bind( this.onPointerDown, this ) ); + + // Initialization + this.$group.addClass( 'oo-ui-toolbar-tools' ); + this.$bar.addClass( 'oo-ui-toolbar-bar' ).append( this.$group ); + if ( config.actions ) { + this.$actions.addClass( 'oo-ui-toolbar-actions' ); + this.$bar.append( this.$actions ); + } + this.$bar.append( '<div style="clear:both"></div>' ); + if ( config.shadow ) { + this.$bar.append( '<div class="oo-ui-toolbar-shadow"></div>' ); + } + this.$element.addClass( 'oo-ui-toolbar' ).append( this.$bar ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.Toolbar, OO.ui.Element ); +OO.mixinClass( OO.ui.Toolbar, OO.EventEmitter ); +OO.mixinClass( OO.ui.Toolbar, OO.ui.GroupElement ); + +/* Methods */ + +/** + * Get the tool factory. + * + * @return {OO.ui.ToolFactory} Tool factory + */ +OO.ui.Toolbar.prototype.getToolFactory = function () { + return this.toolFactory; +}; + +/** + * Get the tool group factory. + * + * @return {OO.Factory} Tool group factory + */ +OO.ui.Toolbar.prototype.getToolGroupFactory = function () { + return this.toolGroupFactory; +}; + +/** + * Handles mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.Toolbar.prototype.onPointerDown = function ( e ) { + var $closestWidgetToEvent = this.$( e.target ).closest( '.oo-ui-widget' ), + $closestWidgetToToolbar = this.$element.closest( '.oo-ui-widget' ); + if ( !$closestWidgetToEvent.length || $closestWidgetToEvent[0] === $closestWidgetToToolbar[0] ) { + return false; + } +}; + +/** + * Sets up handles and preloads required information for the toolbar to work. + * This must be called immediately after it is attached to a visible document. + */ +OO.ui.Toolbar.prototype.initialize = function () { + this.initialized = true; +}; + +/** + * Setup toolbar. + * + * Tools can be specified in the following ways: + * + * - A specific tool: `{ name: 'tool-name' }` or `'tool-name'` + * - All tools in a group: `{ group: 'group-name' }` + * - All tools: `'*'` - Using this will make the group a list with a "More" label by default + * + * @param {Object.<string,Array>} groups List of tool group configurations + * @param {Array|string} [groups.include] Tools to include + * @param {Array|string} [groups.exclude] Tools to exclude + * @param {Array|string} [groups.promote] Tools to promote to the beginning + * @param {Array|string} [groups.demote] Tools to demote to the end + */ +OO.ui.Toolbar.prototype.setup = function ( groups ) { + var i, len, type, group, + items = [], + defaultType = 'bar'; + + // Cleanup previous groups + this.reset(); + + // Build out new groups + for ( i = 0, len = groups.length; i < len; i++ ) { + group = groups[i]; + if ( group.include === '*' ) { + // Apply defaults to catch-all groups + if ( group.type === undefined ) { + group.type = 'list'; + } + if ( group.label === undefined ) { + group.label = 'ooui-toolbar-more'; + } + } + // Check type has been registered + type = this.getToolGroupFactory().lookup( group.type ) ? group.type : defaultType; + items.push( + this.getToolGroupFactory().create( type, this, $.extend( { $: this.$ }, group ) ) + ); + } + this.addItems( items ); +}; + +/** + * Remove all tools and groups from the toolbar. + */ +OO.ui.Toolbar.prototype.reset = function () { + var i, len; + + this.groups = []; + this.tools = {}; + for ( i = 0, len = this.items.length; i < len; i++ ) { + this.items[i].destroy(); + } + this.clearItems(); +}; + +/** + * Destroys toolbar, removing event handlers and DOM elements. + * + * Call this whenever you are done using a toolbar. + */ +OO.ui.Toolbar.prototype.destroy = function () { + this.reset(); + this.$element.remove(); +}; + +/** + * Check if tool has not been used yet. + * + * @param {string} name Symbolic name of tool + * @return {boolean} Tool is available + */ +OO.ui.Toolbar.prototype.isToolAvailable = function ( name ) { + return !this.tools[name]; +}; + +/** + * Prevent tool from being used again. + * + * @param {OO.ui.Tool} tool Tool to reserve + */ +OO.ui.Toolbar.prototype.reserveTool = function ( tool ) { + this.tools[tool.getName()] = tool; +}; + +/** + * Allow tool to be used again. + * + * @param {OO.ui.Tool} tool Tool to release + */ +OO.ui.Toolbar.prototype.releaseTool = function ( tool ) { + delete this.tools[tool.getName()]; +}; + +/** + * Get accelerator label for tool. + * + * This is a stub that should be overridden to provide access to accelerator information. + * + * @param {string} name Symbolic name of tool + * @return {string|undefined} Tool accelerator label if available + */ +OO.ui.Toolbar.prototype.getToolAccelerator = function () { + return undefined; +}; + +/** + * Collection of tools. + * + * Tools can be specified in the following ways: + * + * - A specific tool: `{ name: 'tool-name' }` or `'tool-name'` + * - All tools in a group: `{ group: 'group-name' }` + * - All tools: `'*'` + * + * @abstract + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.GroupElement + * + * @constructor + * @param {OO.ui.Toolbar} toolbar + * @param {Object} [config] Configuration options + * @cfg {Array|string} [include=[]] List of tools to include + * @cfg {Array|string} [exclude=[]] List of tools to exclude + * @cfg {Array|string} [promote=[]] List of tools to promote to the beginning + * @cfg {Array|string} [demote=[]] List of tools to demote to the end + */ +OO.ui.ToolGroup = function OoUiToolGroup( toolbar, config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.ToolGroup.super.call( this, config ); + + // Mixin constructors + OO.ui.GroupElement.call( this, config ); + + // Properties + this.toolbar = toolbar; + this.tools = {}; + this.pressed = null; + this.autoDisabled = false; + this.include = config.include || []; + this.exclude = config.exclude || []; + this.promote = config.promote || []; + this.demote = config.demote || []; + this.onCapturedMouseUpHandler = OO.ui.bind( this.onCapturedMouseUp, this ); + + // Events + this.$element.on( { + 'mousedown touchstart': OO.ui.bind( this.onPointerDown, this ), + 'mouseup touchend': OO.ui.bind( this.onPointerUp, this ), + mouseover: OO.ui.bind( this.onMouseOver, this ), + mouseout: OO.ui.bind( this.onMouseOut, this ) + } ); + this.toolbar.getToolFactory().connect( this, { register: 'onToolFactoryRegister' } ); + this.aggregate( { disable: 'itemDisable' } ); + this.connect( this, { itemDisable: 'updateDisabled' } ); + + // Initialization + this.$group.addClass( 'oo-ui-toolGroup-tools' ); + this.$element + .addClass( 'oo-ui-toolGroup' ) + .append( this.$group ); + this.populate(); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ToolGroup, OO.ui.Widget ); +OO.mixinClass( OO.ui.ToolGroup, OO.ui.GroupElement ); + +/* Events */ + +/** + * @event update + */ + +/* Static Properties */ + +/** + * Show labels in tooltips. + * + * @static + * @inheritable + * @property {boolean} + */ +OO.ui.ToolGroup.static.titleTooltips = false; + +/** + * Show acceleration labels in tooltips. + * + * @static + * @inheritable + * @property {boolean} + */ +OO.ui.ToolGroup.static.accelTooltips = false; + +/** + * Automatically disable the toolgroup when all tools are disabled + * + * @static + * @inheritable + * @property {boolean} + */ +OO.ui.ToolGroup.static.autoDisable = true; + +/* Methods */ + +/** + * @inheritdoc + */ +OO.ui.ToolGroup.prototype.isDisabled = function () { + return this.autoDisabled || OO.ui.ToolGroup.super.prototype.isDisabled.apply( this, arguments ); +}; + +/** + * @inheritdoc + */ +OO.ui.ToolGroup.prototype.updateDisabled = function () { + var i, item, allDisabled = true; + + if ( this.constructor.static.autoDisable ) { + for ( i = this.items.length - 1; i >= 0; i-- ) { + item = this.items[i]; + if ( !item.isDisabled() ) { + allDisabled = false; + break; + } + } + this.autoDisabled = allDisabled; + } + OO.ui.ToolGroup.super.prototype.updateDisabled.apply( this, arguments ); +}; + +/** + * Handle mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.ToolGroup.prototype.onPointerDown = function ( e ) { + // e.which is 0 for touch events, 1 for left mouse button + if ( !this.isDisabled() && e.which <= 1 ) { + this.pressed = this.getTargetTool( e ); + if ( this.pressed ) { + this.pressed.setActive( true ); + this.getElementDocument().addEventListener( + 'mouseup', this.onCapturedMouseUpHandler, true + ); + } + } + return false; +}; + +/** + * Handle captured mouse up events. + * + * @param {Event} e Mouse up event + */ +OO.ui.ToolGroup.prototype.onCapturedMouseUp = function ( e ) { + this.getElementDocument().removeEventListener( 'mouseup', this.onCapturedMouseUpHandler, true ); + // onPointerUp may be called a second time, depending on where the mouse is when the button is + // released, but since `this.pressed` will no longer be true, the second call will be ignored. + this.onPointerUp( e ); +}; + +/** + * Handle mouse up events. + * + * @param {jQuery.Event} e Mouse up event + */ +OO.ui.ToolGroup.prototype.onPointerUp = function ( e ) { + var tool = this.getTargetTool( e ); + + // e.which is 0 for touch events, 1 for left mouse button + if ( !this.isDisabled() && e.which <= 1 && this.pressed && this.pressed === tool ) { + this.pressed.onSelect(); + } + + this.pressed = null; + return false; +}; + +/** + * Handle mouse over events. + * + * @param {jQuery.Event} e Mouse over event + */ +OO.ui.ToolGroup.prototype.onMouseOver = function ( e ) { + var tool = this.getTargetTool( e ); + + if ( this.pressed && this.pressed === tool ) { + this.pressed.setActive( true ); + } +}; + +/** + * Handle mouse out events. + * + * @param {jQuery.Event} e Mouse out event + */ +OO.ui.ToolGroup.prototype.onMouseOut = function ( e ) { + var tool = this.getTargetTool( e ); + + if ( this.pressed && this.pressed === tool ) { + this.pressed.setActive( false ); + } +}; + +/** + * Get the closest tool to a jQuery.Event. + * + * Only tool links are considered, which prevents other elements in the tool such as popups from + * triggering tool group interactions. + * + * @private + * @param {jQuery.Event} e + * @return {OO.ui.Tool|null} Tool, `null` if none was found + */ +OO.ui.ToolGroup.prototype.getTargetTool = function ( e ) { + var tool, + $item = this.$( e.target ).closest( '.oo-ui-tool-link' ); + + if ( $item.length ) { + tool = $item.parent().data( 'oo-ui-tool' ); + } + + return tool && !tool.isDisabled() ? tool : null; +}; + +/** + * Handle tool registry register events. + * + * If a tool is registered after the group is created, we must repopulate the list to account for: + * + * - a tool being added that may be included + * - a tool already included being overridden + * + * @param {string} name Symbolic name of tool + */ +OO.ui.ToolGroup.prototype.onToolFactoryRegister = function () { + this.populate(); +}; + +/** + * Get the toolbar this group is in. + * + * @return {OO.ui.Toolbar} Toolbar of group + */ +OO.ui.ToolGroup.prototype.getToolbar = function () { + return this.toolbar; +}; + +/** + * Add and remove tools based on configuration. + */ +OO.ui.ToolGroup.prototype.populate = function () { + var i, len, name, tool, + toolFactory = this.toolbar.getToolFactory(), + names = {}, + add = [], + remove = [], + list = this.toolbar.getToolFactory().getTools( + this.include, this.exclude, this.promote, this.demote + ); + + // Build a list of needed tools + for ( i = 0, len = list.length; i < len; i++ ) { + name = list[i]; + if ( + // Tool exists + toolFactory.lookup( name ) && + // Tool is available or is already in this group + ( this.toolbar.isToolAvailable( name ) || this.tools[name] ) + ) { + tool = this.tools[name]; + if ( !tool ) { + // Auto-initialize tools on first use + this.tools[name] = tool = toolFactory.create( name, this ); + tool.updateTitle(); + } + this.toolbar.reserveTool( tool ); + add.push( tool ); + names[name] = true; + } + } + // Remove tools that are no longer needed + for ( name in this.tools ) { + if ( !names[name] ) { + this.tools[name].destroy(); + this.toolbar.releaseTool( this.tools[name] ); + remove.push( this.tools[name] ); + delete this.tools[name]; + } + } + if ( remove.length ) { + this.removeItems( remove ); + } + // Update emptiness state + if ( add.length ) { + this.$element.removeClass( 'oo-ui-toolGroup-empty' ); + } else { + this.$element.addClass( 'oo-ui-toolGroup-empty' ); + } + // Re-add tools (moving existing ones to new locations) + this.addItems( add ); + // Disabled state may depend on items + this.updateDisabled(); +}; + +/** + * Destroy tool group. + */ +OO.ui.ToolGroup.prototype.destroy = function () { + var name; + + this.clearItems(); + this.toolbar.getToolFactory().disconnect( this ); + for ( name in this.tools ) { + this.toolbar.releaseTool( this.tools[name] ); + this.tools[name].disconnect( this ).destroy(); + delete this.tools[name]; + } + this.$element.remove(); +}; + +/** + * Dialog for showing a message. + * + * User interface: + * - Registers two actions by default (safe and primary). + * - Renders action widgets in the footer. + * + * @class + * @extends OO.ui.Dialog + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.MessageDialog = function OoUiMessageDialog( config ) { + // Parent constructor + OO.ui.MessageDialog.super.call( this, config ); + + // Properties + this.verticalActionLayout = null; + + // Initialization + this.$element.addClass( 'oo-ui-messageDialog' ); +}; + +/* Inheritance */ + +OO.inheritClass( OO.ui.MessageDialog, OO.ui.Dialog ); + +/* Static Properties */ + +OO.ui.MessageDialog.static.name = 'message'; + +OO.ui.MessageDialog.static.size = 'small'; + +OO.ui.MessageDialog.static.verbose = false; + +/** + * Dialog title. + * + * A confirmation dialog's title should describe what the progressive action will do. An alert + * dialog's title should describe what event occured. + * + * @static + * inheritable + * @property {jQuery|string|Function|null} + */ +OO.ui.MessageDialog.static.title = null; + +/** + * A confirmation dialog's message should describe the consequences of the progressive action. An + * alert dialog's message should describe why the event occured. + * + * @static + * inheritable + * @property {jQuery|string|Function|null} + */ +OO.ui.MessageDialog.static.message = null; + +OO.ui.MessageDialog.static.actions = [ + { action: 'accept', label: OO.ui.deferMsg( 'ooui-dialog-message-accept' ), flags: 'primary' }, + { action: 'reject', label: OO.ui.deferMsg( 'ooui-dialog-message-reject' ), flags: 'safe' } +]; + +/* Methods */ + +/** + * @inheritdoc + */ +OO.ui.MessageDialog.prototype.onActionResize = function ( action ) { + this.fitActions(); + return OO.ui.ProcessDialog.super.prototype.onActionResize.call( this, action ); +}; + +/** + * Toggle action layout between vertical and horizontal. + * + * @param {boolean} [value] Layout actions vertically, omit to toggle + * @chainable + */ +OO.ui.MessageDialog.prototype.toggleVerticalActionLayout = function ( value ) { + value = value === undefined ? !this.verticalActionLayout : !!value; + + if ( value !== this.verticalActionLayout ) { + this.verticalActionLayout = value; + this.$actions + .toggleClass( 'oo-ui-messageDialog-actions-vertical', value ) + .toggleClass( 'oo-ui-messageDialog-actions-horizontal', !value ); + } + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.MessageDialog.prototype.getActionProcess = function ( action ) { + if ( action ) { + return new OO.ui.Process( function () { + this.close( { action: action } ); + }, this ); + } + return OO.ui.MessageDialog.super.prototype.getActionProcess.call( this, action ); +}; + +/** + * @inheritdoc + * + * @param {Object} [data] Dialog opening data + * @param {jQuery|string|Function|null} [data.title] Description of the action being confirmed + * @param {jQuery|string|Function|null} [data.message] Description of the action's consequence + * @param {boolean} [data.verbose] Message is verbose and should be styled as a long message + * @param {Object[]} [data.actions] List of OO.ui.ActionOptionWidget configuration options for each + * action item + */ +OO.ui.MessageDialog.prototype.getSetupProcess = function ( data ) { + data = data || {}; + + // Parent method + return OO.ui.MessageDialog.super.prototype.getSetupProcess.call( this, data ) + .next( function () { + this.title.setLabel( + data.title !== undefined ? data.title : this.constructor.static.title + ); + this.message.setLabel( + data.message !== undefined ? data.message : this.constructor.static.message + ); + this.message.$element.toggleClass( + 'oo-ui-messageDialog-message-verbose', + data.verbose !== undefined ? data.verbose : this.constructor.static.verbose + ); + }, this ); +}; + +/** + * @inheritdoc + */ +OO.ui.MessageDialog.prototype.getBodyHeight = function () { + return Math.round( this.text.$element.outerHeight( true ) ); +}; + +/** + * @inheritdoc + */ +OO.ui.MessageDialog.prototype.initialize = function () { + // Parent method + OO.ui.MessageDialog.super.prototype.initialize.call( this ); + + // Properties + this.$actions = this.$( '<div>' ); + this.container = new OO.ui.PanelLayout( { + $: this.$, scrollable: true, classes: [ 'oo-ui-messageDialog-container' ] + } ); + this.text = new OO.ui.PanelLayout( { + $: this.$, padded: true, expanded: false, classes: [ 'oo-ui-messageDialog-text' ] + } ); + this.message = new OO.ui.LabelWidget( { + $: this.$, classes: [ 'oo-ui-messageDialog-message' ] + } ); + + // Initialization + this.title.$element.addClass( 'oo-ui-messageDialog-title' ); + this.$content.addClass( 'oo-ui-messageDialog-content' ); + this.container.$element.append( this.text.$element ); + this.text.$element.append( this.title.$element, this.message.$element ); + this.$body.append( this.container.$element ); + this.$actions.addClass( 'oo-ui-messageDialog-actions' ); + this.$foot.append( this.$actions ); +}; + +/** + * @inheritdoc + */ +OO.ui.MessageDialog.prototype.attachActions = function () { + var i, len, other, special, others; + + // Parent method + OO.ui.MessageDialog.super.prototype.attachActions.call( this ); + + special = this.actions.getSpecial(); + others = this.actions.getOthers(); + if ( special.safe ) { + this.$actions.append( special.safe.$element ); + special.safe.toggleFramed( false ); + } + if ( others.length ) { + for ( i = 0, len = others.length; i < len; i++ ) { + other = others[i]; + this.$actions.append( other.$element ); + other.toggleFramed( false ); + } + } + if ( special.primary ) { + this.$actions.append( special.primary.$element ); + special.primary.toggleFramed( false ); + } + + this.fitActions(); + if ( !this.isOpening() ) { + this.manager.updateWindowSize( this ); + } + this.$body.css( 'bottom', this.$foot.outerHeight( true ) ); +}; + +/** + * Fit action actions into columns or rows. + * + * Columns will be used if all labels can fit without overflow, otherwise rows will be used. + */ +OO.ui.MessageDialog.prototype.fitActions = function () { + var i, len, action, + actions = this.actions.get(); + + // Detect clipping + this.toggleVerticalActionLayout( false ); + for ( i = 0, len = actions.length; i < len; i++ ) { + action = actions[i]; + if ( action.$element.innerWidth() < action.$label.outerWidth( true ) ) { + this.toggleVerticalActionLayout( true ); + break; + } + } +}; + +/** + * Navigation dialog window. + * + * Logic: + * - Show and hide errors. + * - Retry an action. + * + * User interface: + * - Renders header with dialog title and one action widget on either side + * (a 'safe' button on the left, and a 'primary' button on the right, both of + * which close the dialog). + * - Displays any action widgets in the footer (none by default). + * - Ability to dismiss errors. + * + * Subclass responsibilities: + * - Register a 'safe' action. + * - Register a 'primary' action. + * - Add content to the dialog. + * + * @abstract + * @class + * @extends OO.ui.Dialog + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.ProcessDialog = function OoUiProcessDialog( config ) { + // Parent constructor + OO.ui.ProcessDialog.super.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-processDialog' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ProcessDialog, OO.ui.Dialog ); + +/* Methods */ + +/** + * Handle dismiss button click events. + * + * Hides errors. + */ +OO.ui.ProcessDialog.prototype.onDismissErrorButtonClick = function () { + this.hideErrors(); +}; + +/** + * Handle retry button click events. + * + * Hides errors and then tries again. + */ +OO.ui.ProcessDialog.prototype.onRetryButtonClick = function () { + this.hideErrors(); + this.executeAction( this.currentAction.getAction() ); +}; + +/** + * @inheritdoc + */ +OO.ui.ProcessDialog.prototype.onActionResize = function ( action ) { + if ( this.actions.isSpecial( action ) ) { + this.fitLabel(); + } + return OO.ui.ProcessDialog.super.prototype.onActionResize.call( this, action ); +}; + +/** + * @inheritdoc + */ +OO.ui.ProcessDialog.prototype.initialize = function () { + // Parent method + OO.ui.ProcessDialog.super.prototype.initialize.call( this ); + + // Properties + this.$navigation = this.$( '<div>' ); + this.$location = this.$( '<div>' ); + this.$safeActions = this.$( '<div>' ); + this.$primaryActions = this.$( '<div>' ); + this.$otherActions = this.$( '<div>' ); + this.dismissButton = new OO.ui.ButtonWidget( { + $: this.$, + label: OO.ui.msg( 'ooui-dialog-process-dismiss' ) + } ); + this.retryButton = new OO.ui.ButtonWidget( { + $: this.$, + label: OO.ui.msg( 'ooui-dialog-process-retry' ) + } ); + this.$errors = this.$( '<div>' ); + this.$errorsTitle = this.$( '<div>' ); + + // Events + this.dismissButton.connect( this, { click: 'onDismissErrorButtonClick' } ); + this.retryButton.connect( this, { click: 'onRetryButtonClick' } ); + + // Initialization + this.title.$element.addClass( 'oo-ui-processDialog-title' ); + this.$location + .append( this.title.$element ) + .addClass( 'oo-ui-processDialog-location' ); + this.$safeActions.addClass( 'oo-ui-processDialog-actions-safe' ); + this.$primaryActions.addClass( 'oo-ui-processDialog-actions-primary' ); + this.$otherActions.addClass( 'oo-ui-processDialog-actions-other' ); + this.$errorsTitle + .addClass( 'oo-ui-processDialog-errors-title' ) + .text( OO.ui.msg( 'ooui-dialog-process-error' ) ); + this.$errors + .addClass( 'oo-ui-processDialog-errors' ) + .append( this.$errorsTitle, this.dismissButton.$element, this.retryButton.$element ); + this.$content + .addClass( 'oo-ui-processDialog-content' ) + .append( this.$errors ); + this.$navigation + .addClass( 'oo-ui-processDialog-navigation' ) + .append( this.$safeActions, this.$location, this.$primaryActions ); + this.$head.append( this.$navigation ); + this.$foot.append( this.$otherActions ); +}; + +/** + * @inheritdoc + */ +OO.ui.ProcessDialog.prototype.attachActions = function () { + var i, len, other, special, others; + + // Parent method + OO.ui.ProcessDialog.super.prototype.attachActions.call( this ); + + special = this.actions.getSpecial(); + others = this.actions.getOthers(); + if ( special.primary ) { + this.$primaryActions.append( special.primary.$element ); + special.primary.toggleFramed( true ); + } + if ( others.length ) { + for ( i = 0, len = others.length; i < len; i++ ) { + other = others[i]; + this.$otherActions.append( other.$element ); + other.toggleFramed( true ); + } + } + if ( special.safe ) { + this.$safeActions.append( special.safe.$element ); + special.safe.toggleFramed( true ); + } + + this.fitLabel(); + this.$body.css( 'bottom', this.$foot.outerHeight( true ) ); +}; + +/** + * @inheritdoc + */ +OO.ui.ProcessDialog.prototype.executeAction = function ( action ) { + OO.ui.ProcessDialog.super.prototype.executeAction.call( this, action ) + .fail( OO.ui.bind( this.showErrors, this ) ); +}; + +/** + * Fit label between actions. + * + * @chainable + */ +OO.ui.ProcessDialog.prototype.fitLabel = function () { + var width = Math.max( + this.$safeActions.is( ':visible' ) ? this.$safeActions.width() : 0, + this.$primaryActions.is( ':visible' ) ? this.$primaryActions.width() : 0 + ); + this.$location.css( { paddingLeft: width, paddingRight: width } ); + + return this; +}; + +/** + * Handle errors that occured durring accept or reject processes. + * + * @param {OO.ui.Error[]} errors Errors to be handled + */ +OO.ui.ProcessDialog.prototype.showErrors = function ( errors ) { + var i, len, $item, + items = [], + recoverable = true; + + for ( i = 0, len = errors.length; i < len; i++ ) { + if ( !errors[i].isRecoverable() ) { + recoverable = false; + } + $item = this.$( '<div>' ) + .addClass( 'oo-ui-processDialog-error' ) + .append( errors[i].getMessage() ); + items.push( $item[0] ); + } + this.$errorItems = this.$( items ); + if ( recoverable ) { + this.retryButton.clearFlags().setFlags( this.currentAction.getFlags() ); + } else { + this.currentAction.setDisabled( true ); + } + this.retryButton.toggle( recoverable ); + this.$errorsTitle.after( this.$errorItems ); + this.$errors.show().scrollTop( 0 ); +}; + +/** + * Hide errors. + */ +OO.ui.ProcessDialog.prototype.hideErrors = function () { + this.$errors.hide(); + this.$errorItems.remove(); + this.$errorItems = null; +}; + +/** + * Layout containing a series of pages. + * + * @class + * @extends OO.ui.Layout + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [continuous=false] Show all pages, one after another + * @cfg {boolean} [autoFocus=true] Focus on the first focusable element when changing to a page + * @cfg {boolean} [outlined=false] Show an outline + * @cfg {boolean} [editable=false] Show controls for adding, removing and reordering pages + */ +OO.ui.BookletLayout = function OoUiBookletLayout( config ) { + // Initialize configuration + config = config || {}; + + // Parent constructor + OO.ui.BookletLayout.super.call( this, config ); + + // Properties + this.currentPageName = null; + this.pages = {}; + this.ignoreFocus = false; + this.stackLayout = new OO.ui.StackLayout( { $: this.$, continuous: !!config.continuous } ); + this.autoFocus = config.autoFocus === undefined || !!config.autoFocus; + this.outlineVisible = false; + this.outlined = !!config.outlined; + if ( this.outlined ) { + this.editable = !!config.editable; + this.outlineControlsWidget = null; + this.outlineWidget = new OO.ui.OutlineWidget( { $: this.$ } ); + this.outlinePanel = new OO.ui.PanelLayout( { $: this.$, scrollable: true } ); + this.gridLayout = new OO.ui.GridLayout( + [ this.outlinePanel, this.stackLayout ], + { $: this.$, widths: [ 1, 2 ] } + ); + this.outlineVisible = true; + if ( this.editable ) { + this.outlineControlsWidget = new OO.ui.OutlineControlsWidget( + this.outlineWidget, { $: this.$ } + ); + } + } + + // Events + this.stackLayout.connect( this, { set: 'onStackLayoutSet' } ); + if ( this.outlined ) { + this.outlineWidget.connect( this, { select: 'onOutlineWidgetSelect' } ); + } + if ( this.autoFocus ) { + // Event 'focus' does not bubble, but 'focusin' does + this.stackLayout.onDOMEvent( 'focusin', OO.ui.bind( this.onStackLayoutFocus, this ) ); + } + + // Initialization + this.$element.addClass( 'oo-ui-bookletLayout' ); + this.stackLayout.$element.addClass( 'oo-ui-bookletLayout-stackLayout' ); + if ( this.outlined ) { + this.outlinePanel.$element + .addClass( 'oo-ui-bookletLayout-outlinePanel' ) + .append( this.outlineWidget.$element ); + if ( this.editable ) { + this.outlinePanel.$element + .addClass( 'oo-ui-bookletLayout-outlinePanel-editable' ) + .append( this.outlineControlsWidget.$element ); + } + this.$element.append( this.gridLayout.$element ); + } else { + this.$element.append( this.stackLayout.$element ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.BookletLayout, OO.ui.Layout ); + +/* Events */ + +/** + * @event set + * @param {OO.ui.PageLayout} page Current page + */ + +/** + * @event add + * @param {OO.ui.PageLayout[]} page Added pages + * @param {number} index Index pages were added at + */ + +/** + * @event remove + * @param {OO.ui.PageLayout[]} pages Removed pages + */ + +/* Methods */ + +/** + * Handle stack layout focus. + * + * @param {jQuery.Event} e Focusin event + */ +OO.ui.BookletLayout.prototype.onStackLayoutFocus = function ( e ) { + var name, $target; + + // Find the page that an element was focused within + $target = $( e.target ).closest( '.oo-ui-pageLayout' ); + for ( name in this.pages ) { + // Check for page match, exclude current page to find only page changes + if ( this.pages[name].$element[0] === $target[0] && name !== this.currentPageName ) { + this.setPage( name ); + break; + } + } +}; + +/** + * Handle stack layout set events. + * + * @param {OO.ui.PanelLayout|null} page The page panel that is now the current panel + */ +OO.ui.BookletLayout.prototype.onStackLayoutSet = function ( page ) { + var $input, layout = this; + if ( page ) { + page.scrollElementIntoView( { complete: function () { + if ( layout.autoFocus ) { + // Set focus to the first input if nothing on the page is focused yet + if ( !page.$element.find( ':focus' ).length ) { + $input = page.$element.find( ':input:first' ); + if ( $input.length ) { + $input[0].focus(); + } + } + } + } } ); + } +}; + +/** + * Handle outline widget select events. + * + * @param {OO.ui.OptionWidget|null} item Selected item + */ +OO.ui.BookletLayout.prototype.onOutlineWidgetSelect = function ( item ) { + if ( item ) { + this.setPage( item.getData() ); + } +}; + +/** + * Check if booklet has an outline. + * + * @return {boolean} + */ +OO.ui.BookletLayout.prototype.isOutlined = function () { + return this.outlined; +}; + +/** + * Check if booklet has editing controls. + * + * @return {boolean} + */ +OO.ui.BookletLayout.prototype.isEditable = function () { + return this.editable; +}; + +/** + * Check if booklet has a visible outline. + * + * @return {boolean} + */ +OO.ui.BookletLayout.prototype.isOutlineVisible = function () { + return this.outlined && this.outlineVisible; +}; + +/** + * Hide or show the outline. + * + * @param {boolean} [show] Show outline, omit to invert current state + * @chainable + */ +OO.ui.BookletLayout.prototype.toggleOutline = function ( show ) { + if ( this.outlined ) { + show = show === undefined ? !this.outlineVisible : !!show; + this.outlineVisible = show; + this.gridLayout.layout( show ? [ 1, 2 ] : [ 0, 1 ], [ 1 ] ); + } + + return this; +}; + +/** + * Get the outline widget. + * + * @param {OO.ui.PageLayout} page Page to be selected + * @return {OO.ui.PageLayout|null} Closest page to another + */ +OO.ui.BookletLayout.prototype.getClosestPage = function ( page ) { + var next, prev, level, + pages = this.stackLayout.getItems(), + index = $.inArray( page, pages ); + + if ( index !== -1 ) { + next = pages[index + 1]; + prev = pages[index - 1]; + // Prefer adjacent pages at the same level + if ( this.outlined ) { + level = this.outlineWidget.getItemFromData( page.getName() ).getLevel(); + if ( + prev && + level === this.outlineWidget.getItemFromData( prev.getName() ).getLevel() + ) { + return prev; + } + if ( + next && + level === this.outlineWidget.getItemFromData( next.getName() ).getLevel() + ) { + return next; + } + } + } + return prev || next || null; +}; + +/** + * Get the outline widget. + * + * @return {OO.ui.OutlineWidget|null} Outline widget, or null if boolet has no outline + */ +OO.ui.BookletLayout.prototype.getOutline = function () { + return this.outlineWidget; +}; + +/** + * Get the outline controls widget. If the outline is not editable, null is returned. + * + * @return {OO.ui.OutlineControlsWidget|null} The outline controls widget. + */ +OO.ui.BookletLayout.prototype.getOutlineControls = function () { + return this.outlineControlsWidget; +}; + +/** + * Get a page by name. + * + * @param {string} name Symbolic name of page + * @return {OO.ui.PageLayout|undefined} Page, if found + */ +OO.ui.BookletLayout.prototype.getPage = function ( name ) { + return this.pages[name]; +}; + +/** + * Get the current page name. + * + * @return {string|null} Current page name + */ +OO.ui.BookletLayout.prototype.getPageName = function () { + return this.currentPageName; +}; + +/** + * Add a page to the layout. + * + * When pages are added with the same names as existing pages, the existing pages will be + * automatically removed before the new pages are added. + * + * @param {OO.ui.PageLayout[]} pages Pages to add + * @param {number} index Index to insert pages after + * @fires add + * @chainable + */ +OO.ui.BookletLayout.prototype.addPages = function ( pages, index ) { + var i, len, name, page, item, currentIndex, + stackLayoutPages = this.stackLayout.getItems(), + remove = [], + items = []; + + // Remove pages with same names + for ( i = 0, len = pages.length; i < len; i++ ) { + page = pages[i]; + name = page.getName(); + + if ( Object.prototype.hasOwnProperty.call( this.pages, name ) ) { + // Correct the insertion index + currentIndex = $.inArray( this.pages[name], stackLayoutPages ); + if ( currentIndex !== -1 && currentIndex + 1 < index ) { + index--; + } + remove.push( this.pages[name] ); + } + } + if ( remove.length ) { + this.removePages( remove ); + } + + // Add new pages + for ( i = 0, len = pages.length; i < len; i++ ) { + page = pages[i]; + name = page.getName(); + this.pages[page.getName()] = page; + if ( this.outlined ) { + item = new OO.ui.OutlineItemWidget( name, page, { $: this.$ } ); + page.setOutlineItem( item ); + items.push( item ); + } + } + + if ( this.outlined && items.length ) { + this.outlineWidget.addItems( items, index ); + this.updateOutlineWidget(); + } + this.stackLayout.addItems( pages, index ); + this.emit( 'add', pages, index ); + + return this; +}; + +/** + * Remove a page from the layout. + * + * @fires remove + * @chainable + */ +OO.ui.BookletLayout.prototype.removePages = function ( pages ) { + var i, len, name, page, + items = []; + + for ( i = 0, len = pages.length; i < len; i++ ) { + page = pages[i]; + name = page.getName(); + delete this.pages[name]; + if ( this.outlined ) { + items.push( this.outlineWidget.getItemFromData( name ) ); + page.setOutlineItem( null ); + } + } + if ( this.outlined && items.length ) { + this.outlineWidget.removeItems( items ); + this.updateOutlineWidget(); + } + this.stackLayout.removeItems( pages ); + this.emit( 'remove', pages ); + + return this; +}; + +/** + * Clear all pages from the layout. + * + * @fires remove + * @chainable + */ +OO.ui.BookletLayout.prototype.clearPages = function () { + var i, len, + pages = this.stackLayout.getItems(); + + this.pages = {}; + this.currentPageName = null; + if ( this.outlined ) { + this.outlineWidget.clearItems(); + for ( i = 0, len = pages.length; i < len; i++ ) { + pages[i].setOutlineItem( null ); + } + } + this.stackLayout.clearItems(); + + this.emit( 'remove', pages ); + + return this; +}; + +/** + * Set the current page by name. + * + * @fires set + * @param {string} name Symbolic name of page + */ +OO.ui.BookletLayout.prototype.setPage = function ( name ) { + var selectedItem, + $focused, + page = this.pages[name]; + + if ( name !== this.currentPageName ) { + if ( this.outlined ) { + selectedItem = this.outlineWidget.getSelectedItem(); + if ( selectedItem && selectedItem.getData() !== name ) { + this.outlineWidget.selectItem( this.outlineWidget.getItemFromData( name ) ); + } + } + if ( page ) { + if ( this.currentPageName && this.pages[this.currentPageName] ) { + this.pages[this.currentPageName].setActive( false ); + // Blur anything focused if the next page doesn't have anything focusable - this + // is not needed if the next page has something focusable because once it is focused + // this blur happens automatically + if ( this.autoFocus && !page.$element.find( ':input' ).length ) { + $focused = this.pages[this.currentPageName].$element.find( ':focus' ); + if ( $focused.length ) { + $focused[0].blur(); + } + } + } + this.currentPageName = name; + this.stackLayout.setItem( page ); + page.setActive( true ); + this.emit( 'set', page ); + } + } +}; + +/** + * Call this after adding or removing items from the OutlineWidget. + * + * @chainable + */ +OO.ui.BookletLayout.prototype.updateOutlineWidget = function () { + // Auto-select first item when nothing is selected anymore + if ( !this.outlineWidget.getSelectedItem() ) { + this.outlineWidget.selectItem( this.outlineWidget.getFirstSelectableItem() ); + } + + return this; +}; + +/** + * Layout made of a field and optional label. + * + * @class + * @extends OO.ui.Layout + * @mixins OO.ui.LabelElement + * + * Available label alignment modes include: + * - left: Label is before the field and aligned away from it, best for when the user will be + * scanning for a specific label in a form with many fields + * - right: Label is before the field and aligned toward it, best for forms the user is very + * familiar with and will tab through field checking quickly to verify which field they are in + * - top: Label is before the field and above it, best for when the use will need to fill out all + * fields from top to bottom in a form with few fields + * - inline: Label is after the field and aligned toward it, best for small boolean fields like + * checkboxes or radio buttons + * + * @constructor + * @param {OO.ui.Widget} field Field widget + * @param {Object} [config] Configuration options + * @cfg {string} [align='left'] Alignment mode, either 'left', 'right', 'top' or 'inline' + * @cfg {string} [help] Explanatory text shown as a '?' icon. + */ +OO.ui.FieldLayout = function OoUiFieldLayout( field, config ) { + // Config initialization + config = $.extend( { align: 'left' }, config ); + + // Parent constructor + OO.ui.FieldLayout.super.call( this, config ); + + // Mixin constructors + OO.ui.LabelElement.call( this, config ); + + // Properties + this.$field = this.$( '<div>' ); + this.field = field; + this.align = null; + if ( config.help ) { + this.popupButtonWidget = new OO.ui.PopupButtonWidget( { + $: this.$, + classes: [ 'oo-ui-fieldLayout-help' ], + framed: false, + icon: 'info' + } ); + + this.popupButtonWidget.getPopup().$body.append( + this.$( '<div>' ) + .text( config.help ) + .addClass( 'oo-ui-fieldLayout-help-content' ) + ); + this.$help = this.popupButtonWidget.$element; + } else { + this.$help = this.$( [] ); + } + + // Events + if ( this.field instanceof OO.ui.InputWidget ) { + this.$label.on( 'click', OO.ui.bind( this.onLabelClick, this ) ); + } + this.field.connect( this, { disable: 'onFieldDisable' } ); + + // Initialization + this.$element.addClass( 'oo-ui-fieldLayout' ); + this.$field + .addClass( 'oo-ui-fieldLayout-field' ) + .toggleClass( 'oo-ui-fieldLayout-disable', this.field.isDisabled() ) + .append( this.field.$element ); + this.setAlignment( config.align ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.FieldLayout, OO.ui.Layout ); +OO.mixinClass( OO.ui.FieldLayout, OO.ui.LabelElement ); + +/* Methods */ + +/** + * Handle field disable events. + * + * @param {boolean} value Field is disabled + */ +OO.ui.FieldLayout.prototype.onFieldDisable = function ( value ) { + this.$element.toggleClass( 'oo-ui-fieldLayout-disabled', value ); +}; + +/** + * Handle label mouse click events. + * + * @param {jQuery.Event} e Mouse click event + */ +OO.ui.FieldLayout.prototype.onLabelClick = function () { + this.field.simulateLabelClick(); + return false; +}; + +/** + * Get the field. + * + * @return {OO.ui.Widget} Field widget + */ +OO.ui.FieldLayout.prototype.getField = function () { + return this.field; +}; + +/** + * Set the field alignment mode. + * + * @param {string} value Alignment mode, either 'left', 'right', 'top' or 'inline' + * @chainable + */ +OO.ui.FieldLayout.prototype.setAlignment = function ( value ) { + if ( value !== this.align ) { + // Default to 'left' + if ( [ 'left', 'right', 'top', 'inline' ].indexOf( value ) === -1 ) { + value = 'left'; + } + // Reorder elements + if ( value === 'inline' ) { + this.$element.append( this.$field, this.$label, this.$help ); + } else { + this.$element.append( this.$help, this.$label, this.$field ); + } + // Set classes + if ( this.align ) { + this.$element.removeClass( 'oo-ui-fieldLayout-align-' + this.align ); + } + this.align = value; + // The following classes can be used here: + // oo-ui-fieldLayout-align-left + // oo-ui-fieldLayout-align-right + // oo-ui-fieldLayout-align-top + // oo-ui-fieldLayout-align-inline + this.$element.addClass( 'oo-ui-fieldLayout-align-' + this.align ); + } + + return this; +}; + +/** + * Layout made of a fieldset and optional legend. + * + * Just add OO.ui.FieldLayout items. + * + * @class + * @extends OO.ui.Layout + * @mixins OO.ui.LabelElement + * @mixins OO.ui.IconElement + * @mixins OO.ui.GroupElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string} [icon] Symbolic icon name + * @cfg {OO.ui.FieldLayout[]} [items] Items to add + */ +OO.ui.FieldsetLayout = function OoUiFieldsetLayout( config ) { + // Config initialization + config = config || {}; + + // Parent constructor + OO.ui.FieldsetLayout.super.call( this, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, config ); + OO.ui.LabelElement.call( this, config ); + OO.ui.GroupElement.call( this, config ); + + // Initialization + this.$element + .addClass( 'oo-ui-fieldsetLayout' ) + .prepend( this.$icon, this.$label, this.$group ); + if ( $.isArray( config.items ) ) { + this.addItems( config.items ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.FieldsetLayout, OO.ui.Layout ); +OO.mixinClass( OO.ui.FieldsetLayout, OO.ui.IconElement ); +OO.mixinClass( OO.ui.FieldsetLayout, OO.ui.LabelElement ); +OO.mixinClass( OO.ui.FieldsetLayout, OO.ui.GroupElement ); + +/* Static Properties */ + +OO.ui.FieldsetLayout.static.tagName = 'div'; + +/** + * Layout with an HTML form. + * + * @class + * @extends OO.ui.Layout + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.FormLayout = function OoUiFormLayout( config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.FormLayout.super.call( this, config ); + + // Events + this.$element.on( 'submit', OO.ui.bind( this.onFormSubmit, this ) ); + + // Initialization + this.$element.addClass( 'oo-ui-formLayout' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.FormLayout, OO.ui.Layout ); + +/* Events */ + +/** + * @event submit + */ + +/* Static Properties */ + +OO.ui.FormLayout.static.tagName = 'form'; + +/* Methods */ + +/** + * Handle form submit events. + * + * @param {jQuery.Event} e Submit event + * @fires submit + */ +OO.ui.FormLayout.prototype.onFormSubmit = function () { + this.emit( 'submit' ); + return false; +}; + +/** + * Layout made of proportionally sized columns and rows. + * + * @class + * @extends OO.ui.Layout + * + * @constructor + * @param {OO.ui.PanelLayout[]} panels Panels in the grid + * @param {Object} [config] Configuration options + * @cfg {number[]} [widths] Widths of columns as ratios + * @cfg {number[]} [heights] Heights of columns as ratios + */ +OO.ui.GridLayout = function OoUiGridLayout( panels, config ) { + var i, len, widths; + + // Config initialization + config = config || {}; + + // Parent constructor + OO.ui.GridLayout.super.call( this, config ); + + // Properties + this.panels = []; + this.widths = []; + this.heights = []; + + // Initialization + this.$element.addClass( 'oo-ui-gridLayout' ); + for ( i = 0, len = panels.length; i < len; i++ ) { + this.panels.push( panels[i] ); + this.$element.append( panels[i].$element ); + } + if ( config.widths || config.heights ) { + this.layout( config.widths || [ 1 ], config.heights || [ 1 ] ); + } else { + // Arrange in columns by default + widths = []; + for ( i = 0, len = this.panels.length; i < len; i++ ) { + widths[i] = 1; + } + this.layout( widths, [ 1 ] ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.GridLayout, OO.ui.Layout ); + +/* Events */ + +/** + * @event layout + */ + +/** + * @event update + */ + +/* Static Properties */ + +OO.ui.GridLayout.static.tagName = 'div'; + +/* Methods */ + +/** + * Set grid dimensions. + * + * @param {number[]} widths Widths of columns as ratios + * @param {number[]} heights Heights of rows as ratios + * @fires layout + * @throws {Error} If grid is not large enough to fit all panels + */ +OO.ui.GridLayout.prototype.layout = function ( widths, heights ) { + var x, y, + xd = 0, + yd = 0, + cols = widths.length, + rows = heights.length; + + // Verify grid is big enough to fit panels + if ( cols * rows < this.panels.length ) { + throw new Error( 'Grid is not large enough to fit ' + this.panels.length + 'panels' ); + } + + // Sum up denominators + for ( x = 0; x < cols; x++ ) { + xd += widths[x]; + } + for ( y = 0; y < rows; y++ ) { + yd += heights[y]; + } + // Store factors + this.widths = []; + this.heights = []; + for ( x = 0; x < cols; x++ ) { + this.widths[x] = widths[x] / xd; + } + for ( y = 0; y < rows; y++ ) { + this.heights[y] = heights[y] / yd; + } + // Synchronize view + this.update(); + this.emit( 'layout' ); +}; + +/** + * Update panel positions and sizes. + * + * @fires update + */ +OO.ui.GridLayout.prototype.update = function () { + var x, y, panel, + i = 0, + left = 0, + top = 0, + dimensions, + width = 0, + height = 0, + cols = this.widths.length, + rows = this.heights.length; + + for ( y = 0; y < rows; y++ ) { + height = this.heights[y]; + for ( x = 0; x < cols; x++ ) { + panel = this.panels[i]; + width = this.widths[x]; + dimensions = { + width: Math.round( width * 100 ) + '%', + height: Math.round( height * 100 ) + '%', + top: Math.round( top * 100 ) + '%', + // HACK: Work around IE bug by setting visibility: hidden; if width or height is zero + visibility: width === 0 || height === 0 ? 'hidden' : '' + }; + // If RTL, reverse: + if ( OO.ui.Element.getDir( this.$.context ) === 'rtl' ) { + dimensions.right = Math.round( left * 100 ) + '%'; + } else { + dimensions.left = Math.round( left * 100 ) + '%'; + } + panel.$element.css( dimensions ); + i++; + left += width; + } + top += height; + left = 0; + } + + this.emit( 'update' ); +}; + +/** + * Get a panel at a given position. + * + * The x and y position is affected by the current grid layout. + * + * @param {number} x Horizontal position + * @param {number} y Vertical position + * @return {OO.ui.PanelLayout} The panel at the given postion + */ +OO.ui.GridLayout.prototype.getPanel = function ( x, y ) { + return this.panels[( x * this.widths.length ) + y]; +}; + +/** + * Layout that expands to cover the entire area of its parent, with optional scrolling and padding. + * + * @class + * @extends OO.ui.Layout + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [scrollable=false] Allow vertical scrolling + * @cfg {boolean} [padded=false] Pad the content from the edges + * @cfg {boolean} [expanded=true] Expand size to fill the entire parent element + */ +OO.ui.PanelLayout = function OoUiPanelLayout( config ) { + // Config initialization + config = config || {}; + + // Parent constructor + OO.ui.PanelLayout.super.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-panelLayout' ); + if ( config.scrollable ) { + this.$element.addClass( 'oo-ui-panelLayout-scrollable' ); + } + + if ( config.padded ) { + this.$element.addClass( 'oo-ui-panelLayout-padded' ); + } + + if ( config.expanded === undefined || config.expanded ) { + this.$element.addClass( 'oo-ui-panelLayout-expanded' ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.PanelLayout, OO.ui.Layout ); + +/** + * Page within an booklet layout. + * + * @class + * @extends OO.ui.PanelLayout + * + * @constructor + * @param {string} name Unique symbolic name of page + * @param {Object} [config] Configuration options + * @param {string} [outlineItem] Outline item widget + */ +OO.ui.PageLayout = function OoUiPageLayout( name, config ) { + // Configuration initialization + config = $.extend( { scrollable: true }, config ); + + // Parent constructor + OO.ui.PageLayout.super.call( this, config ); + + // Properties + this.name = name; + this.outlineItem = config.outlineItem || null; + this.active = false; + + // Initialization + this.$element.addClass( 'oo-ui-pageLayout' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.PageLayout, OO.ui.PanelLayout ); + +/* Events */ + +/** + * @event active + * @param {boolean} active Page is active + */ + +/* Methods */ + +/** + * Get page name. + * + * @return {string} Symbolic name of page + */ +OO.ui.PageLayout.prototype.getName = function () { + return this.name; +}; + +/** + * Check if page is active. + * + * @return {boolean} Page is active + */ +OO.ui.PageLayout.prototype.isActive = function () { + return this.active; +}; + +/** + * Get outline item. + * + * @return {OO.ui.OutlineItemWidget|null} Outline item widget + */ +OO.ui.PageLayout.prototype.getOutlineItem = function () { + return this.outlineItem; +}; + +/** + * Set outline item. + * + * @localdoc Subclasses should override #setupOutlineItem instead of this method to adjust the + * outline item as desired; this method is called for setting (with an object) and unsetting + * (with null) and overriding methods would have to check the value of `outlineItem` to avoid + * operating on null instead of an OO.ui.OutlineItemWidget object. + * + * @param {OO.ui.OutlineItemWidget|null} outlineItem Outline item widget, null to clear + * @chainable + */ +OO.ui.PageLayout.prototype.setOutlineItem = function ( outlineItem ) { + this.outlineItem = outlineItem || null; + if ( outlineItem ) { + this.setupOutlineItem(); + } + return this; +}; + +/** + * Setup outline item. + * + * @localdoc Subclasses should override this method to adjust the outline item as desired. + * + * @param {OO.ui.OutlineItemWidget} outlineItem Outline item widget to setup + * @chainable + */ +OO.ui.PageLayout.prototype.setupOutlineItem = function () { + return this; +}; + +/** + * Set page active state. + * + * @param {boolean} Page is active + * @fires active + */ +OO.ui.PageLayout.prototype.setActive = function ( active ) { + active = !!active; + + if ( active !== this.active ) { + this.active = active; + this.$element.toggleClass( 'oo-ui-pageLayout-active', active ); + this.emit( 'active', this.active ); + } +}; + +/** + * Layout containing a series of mutually exclusive pages. + * + * @class + * @extends OO.ui.PanelLayout + * @mixins OO.ui.GroupElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [continuous=false] Show all pages, one after another + * @cfg {string} [icon=''] Symbolic icon name + * @cfg {OO.ui.Layout[]} [items] Layouts to add + */ +OO.ui.StackLayout = function OoUiStackLayout( config ) { + // Config initialization + config = $.extend( { scrollable: true }, config ); + + // Parent constructor + OO.ui.StackLayout.super.call( this, config ); + + // Mixin constructors + OO.ui.GroupElement.call( this, $.extend( {}, config, { $group: this.$element } ) ); + + // Properties + this.currentItem = null; + this.continuous = !!config.continuous; + + // Initialization + this.$element.addClass( 'oo-ui-stackLayout' ); + if ( this.continuous ) { + this.$element.addClass( 'oo-ui-stackLayout-continuous' ); + } + if ( $.isArray( config.items ) ) { + this.addItems( config.items ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.StackLayout, OO.ui.PanelLayout ); +OO.mixinClass( OO.ui.StackLayout, OO.ui.GroupElement ); + +/* Events */ + +/** + * @event set + * @param {OO.ui.Layout|null} item Current item or null if there is no longer a layout shown + */ + +/* Methods */ + +/** + * Get the current item. + * + * @return {OO.ui.Layout|null} + */ +OO.ui.StackLayout.prototype.getCurrentItem = function () { + return this.currentItem; +}; + +/** + * Unset the current item. + * + * @private + * @param {OO.ui.StackLayout} layout + * @fires set + */ +OO.ui.StackLayout.prototype.unsetCurrentItem = function () { + var prevItem = this.currentItem; + if ( prevItem === null ) { + return; + } + + this.currentItem = null; + this.emit( 'set', null ); +}; + +/** + * Add items. + * + * Adding an existing item (by value) will move it. + * + * @param {OO.ui.Layout[]} items Items to add + * @param {number} [index] Index to insert items after + * @chainable + */ +OO.ui.StackLayout.prototype.addItems = function ( items, index ) { + // Mixin method + OO.ui.GroupElement.prototype.addItems.call( this, items, index ); + + if ( !this.currentItem && items.length ) { + this.setItem( items[0] ); + } + + return this; +}; + +/** + * Remove items. + * + * Items will be detached, not removed, so they can be used later. + * + * @param {OO.ui.Layout[]} items Items to remove + * @chainable + * @fires set + */ +OO.ui.StackLayout.prototype.removeItems = function ( items ) { + // Mixin method + OO.ui.GroupElement.prototype.removeItems.call( this, items ); + + if ( $.inArray( this.currentItem, items ) !== -1 ) { + if ( this.items.length ) { + this.setItem( this.items[0] ); + } else { + this.unsetCurrentItem(); + } + } + + return this; +}; + +/** + * Clear all items. + * + * Items will be detached, not removed, so they can be used later. + * + * @chainable + * @fires set + */ +OO.ui.StackLayout.prototype.clearItems = function () { + this.unsetCurrentItem(); + OO.ui.GroupElement.prototype.clearItems.call( this ); + + return this; +}; + +/** + * Show item. + * + * Any currently shown item will be hidden. + * + * FIXME: If the passed item to show has not been added in the items list, then + * this method drops it and unsets the current item. + * + * @param {OO.ui.Layout} item Item to show + * @chainable + * @fires set + */ +OO.ui.StackLayout.prototype.setItem = function ( item ) { + var i, len; + + if ( item !== this.currentItem ) { + if ( !this.continuous ) { + for ( i = 0, len = this.items.length; i < len; i++ ) { + this.items[i].$element.css( 'display', '' ); + } + } + if ( $.inArray( item, this.items ) !== -1 ) { + if ( !this.continuous ) { + item.$element.css( 'display', 'block' ); + } + this.currentItem = item; + this.emit( 'set', item ); + } else { + this.unsetCurrentItem(); + } + } + + return this; +}; + +/** + * Horizontal bar layout of tools as icon buttons. + * + * @class + * @extends OO.ui.ToolGroup + * + * @constructor + * @param {OO.ui.Toolbar} toolbar + * @param {Object} [config] Configuration options + */ +OO.ui.BarToolGroup = function OoUiBarToolGroup( toolbar, config ) { + // Parent constructor + OO.ui.BarToolGroup.super.call( this, toolbar, config ); + + // Initialization + this.$element.addClass( 'oo-ui-barToolGroup' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.BarToolGroup, OO.ui.ToolGroup ); + +/* Static Properties */ + +OO.ui.BarToolGroup.static.titleTooltips = true; + +OO.ui.BarToolGroup.static.accelTooltips = true; + +OO.ui.BarToolGroup.static.name = 'bar'; + +/** + * Popup list of tools with an icon and optional label. + * + * @abstract + * @class + * @extends OO.ui.ToolGroup + * @mixins OO.ui.IconElement + * @mixins OO.ui.IndicatorElement + * @mixins OO.ui.LabelElement + * @mixins OO.ui.TitledElement + * @mixins OO.ui.ClippableElement + * + * @constructor + * @param {OO.ui.Toolbar} toolbar + * @param {Object} [config] Configuration options + * @cfg {string} [header] Text to display at the top of the pop-up + */ +OO.ui.PopupToolGroup = function OoUiPopupToolGroup( toolbar, config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.PopupToolGroup.super.call( this, toolbar, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, config ); + OO.ui.IndicatorElement.call( this, config ); + OO.ui.LabelElement.call( this, config ); + OO.ui.TitledElement.call( this, config ); + OO.ui.ClippableElement.call( this, $.extend( {}, config, { $clippable: this.$group } ) ); + + // Properties + this.active = false; + this.dragging = false; + this.onBlurHandler = OO.ui.bind( this.onBlur, this ); + this.$handle = this.$( '<span>' ); + + // Events + this.$handle.on( { + 'mousedown touchstart': OO.ui.bind( this.onHandlePointerDown, this ), + 'mouseup touchend': OO.ui.bind( this.onHandlePointerUp, this ) + } ); + + // Initialization + this.$handle + .addClass( 'oo-ui-popupToolGroup-handle' ) + .append( this.$icon, this.$label, this.$indicator ); + // If the pop-up should have a header, add it to the top of the toolGroup. + // Note: If this feature is useful for other widgets, we could abstract it into an + // OO.ui.HeaderedElement mixin constructor. + if ( config.header !== undefined ) { + this.$group + .prepend( this.$( '<span>' ) + .addClass( 'oo-ui-popupToolGroup-header' ) + .text( config.header ) + ); + } + this.$element + .addClass( 'oo-ui-popupToolGroup' ) + .prepend( this.$handle ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.PopupToolGroup, OO.ui.ToolGroup ); +OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.IconElement ); +OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.IndicatorElement ); +OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.LabelElement ); +OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.TitledElement ); +OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.ClippableElement ); + +/* Static Properties */ + +/* Methods */ + +/** + * @inheritdoc + */ +OO.ui.PopupToolGroup.prototype.setDisabled = function () { + // Parent method + OO.ui.PopupToolGroup.super.prototype.setDisabled.apply( this, arguments ); + + if ( this.isDisabled() && this.isElementAttached() ) { + this.setActive( false ); + } +}; + +/** + * Handle focus being lost. + * + * The event is actually generated from a mouseup, so it is not a normal blur event object. + * + * @param {jQuery.Event} e Mouse up event + */ +OO.ui.PopupToolGroup.prototype.onBlur = function ( e ) { + // Only deactivate when clicking outside the dropdown element + if ( this.$( e.target ).closest( '.oo-ui-popupToolGroup' )[0] !== this.$element[0] ) { + this.setActive( false ); + } +}; + +/** + * @inheritdoc + */ +OO.ui.PopupToolGroup.prototype.onPointerUp = function ( e ) { + // e.which is 0 for touch events, 1 for left mouse button + if ( !this.isDisabled() && e.which <= 1 ) { + this.setActive( false ); + } + return OO.ui.PopupToolGroup.super.prototype.onPointerUp.call( this, e ); +}; + +/** + * Handle mouse up events. + * + * @param {jQuery.Event} e Mouse up event + */ +OO.ui.PopupToolGroup.prototype.onHandlePointerUp = function () { + return false; +}; + +/** + * Handle mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.PopupToolGroup.prototype.onHandlePointerDown = function ( e ) { + // e.which is 0 for touch events, 1 for left mouse button + if ( !this.isDisabled() && e.which <= 1 ) { + this.setActive( !this.active ); + } + return false; +}; + +/** + * Switch into active mode. + * + * When active, mouseup events anywhere in the document will trigger deactivation. + */ +OO.ui.PopupToolGroup.prototype.setActive = function ( value ) { + value = !!value; + if ( this.active !== value ) { + this.active = value; + if ( value ) { + this.getElementDocument().addEventListener( 'mouseup', this.onBlurHandler, true ); + + // Try anchoring the popup to the left first + this.$element.addClass( 'oo-ui-popupToolGroup-active oo-ui-popupToolGroup-left' ); + this.toggleClipping( true ); + if ( this.isClippedHorizontally() ) { + // Anchoring to the left caused the popup to clip, so anchor it to the right instead + this.toggleClipping( false ); + this.$element + .removeClass( 'oo-ui-popupToolGroup-left' ) + .addClass( 'oo-ui-popupToolGroup-right' ); + this.toggleClipping( true ); + } + } else { + this.getElementDocument().removeEventListener( 'mouseup', this.onBlurHandler, true ); + this.$element.removeClass( + 'oo-ui-popupToolGroup-active oo-ui-popupToolGroup-left oo-ui-popupToolGroup-right' + ); + this.toggleClipping( false ); + } + } +}; + +/** + * Drop down list layout of tools as labeled icon buttons. + * + * @class + * @extends OO.ui.PopupToolGroup + * + * @constructor + * @param {OO.ui.Toolbar} toolbar + * @param {Object} [config] Configuration options + */ +OO.ui.ListToolGroup = function OoUiListToolGroup( toolbar, config ) { + // Parent constructor + OO.ui.ListToolGroup.super.call( this, toolbar, config ); + + // Initialization + this.$element.addClass( 'oo-ui-listToolGroup' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ListToolGroup, OO.ui.PopupToolGroup ); + +/* Static Properties */ + +OO.ui.ListToolGroup.static.accelTooltips = true; + +OO.ui.ListToolGroup.static.name = 'list'; + +/** + * Drop down menu layout of tools as selectable menu items. + * + * @class + * @extends OO.ui.PopupToolGroup + * + * @constructor + * @param {OO.ui.Toolbar} toolbar + * @param {Object} [config] Configuration options + */ +OO.ui.MenuToolGroup = function OoUiMenuToolGroup( toolbar, config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.MenuToolGroup.super.call( this, toolbar, config ); + + // Events + this.toolbar.connect( this, { updateState: 'onUpdateState' } ); + + // Initialization + this.$element.addClass( 'oo-ui-menuToolGroup' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.MenuToolGroup, OO.ui.PopupToolGroup ); + +/* Static Properties */ + +OO.ui.MenuToolGroup.static.accelTooltips = true; + +OO.ui.MenuToolGroup.static.name = 'menu'; + +/* Methods */ + +/** + * Handle the toolbar state being updated. + * + * When the state changes, the title of each active item in the menu will be joined together and + * used as a label for the group. The label will be empty if none of the items are active. + */ +OO.ui.MenuToolGroup.prototype.onUpdateState = function () { + var name, + labelTexts = []; + + for ( name in this.tools ) { + if ( this.tools[name].isActive() ) { + labelTexts.push( this.tools[name].getTitle() ); + } + } + + this.setLabel( labelTexts.join( ', ' ) || ' ' ); +}; + +/** + * Tool that shows a popup when selected. + * + * @abstract + * @class + * @extends OO.ui.Tool + * @mixins OO.ui.PopupElement + * + * @constructor + * @param {OO.ui.Toolbar} toolbar + * @param {Object} [config] Configuration options + */ +OO.ui.PopupTool = function OoUiPopupTool( toolbar, config ) { + // Parent constructor + OO.ui.PopupTool.super.call( this, toolbar, config ); + + // Mixin constructors + OO.ui.PopupElement.call( this, config ); + + // Initialization + this.$element + .addClass( 'oo-ui-popupTool' ) + .append( this.popup.$element ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.PopupTool, OO.ui.Tool ); +OO.mixinClass( OO.ui.PopupTool, OO.ui.PopupElement ); + +/* Methods */ + +/** + * Handle the tool being selected. + * + * @inheritdoc + */ +OO.ui.PopupTool.prototype.onSelect = function () { + if ( !this.isDisabled() ) { + this.popup.toggle(); + } + this.setActive( false ); + return false; +}; + +/** + * Handle the toolbar state being updated. + * + * @inheritdoc + */ +OO.ui.PopupTool.prototype.onUpdateState = function () { + this.setActive( false ); +}; + +/** + * Mixin for OO.ui.Widget subclasses to provide OO.ui.GroupElement. + * + * Use together with OO.ui.ItemWidget to make disabled state inheritable. + * + * @abstract + * @class + * @extends OO.ui.GroupElement + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.GroupWidget = function OoUiGroupWidget( config ) { + // Parent constructor + OO.ui.GroupWidget.super.call( this, config ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.GroupWidget, OO.ui.GroupElement ); + +/* Methods */ + +/** + * Set the disabled state of the widget. + * + * This will also update the disabled state of child widgets. + * + * @param {boolean} disabled Disable widget + * @chainable + */ +OO.ui.GroupWidget.prototype.setDisabled = function ( disabled ) { + var i, len; + + // Parent method + // Note: Calling #setDisabled this way assumes this is mixed into an OO.ui.Widget + OO.ui.Widget.prototype.setDisabled.call( this, disabled ); + + // During construction, #setDisabled is called before the OO.ui.GroupElement constructor + if ( this.items ) { + for ( i = 0, len = this.items.length; i < len; i++ ) { + this.items[i].updateDisabled(); + } + } + + return this; +}; + +/** + * Mixin for widgets used as items in widgets that inherit OO.ui.GroupWidget. + * + * Item widgets have a reference to a OO.ui.GroupWidget while they are attached to the group. This + * allows bidrectional communication. + * + * Use together with OO.ui.GroupWidget to make disabled state inheritable. + * + * @abstract + * @class + * + * @constructor + */ +OO.ui.ItemWidget = function OoUiItemWidget() { + // +}; + +/* Methods */ + +/** + * Check if widget is disabled. + * + * Checks parent if present, making disabled state inheritable. + * + * @return {boolean} Widget is disabled + */ +OO.ui.ItemWidget.prototype.isDisabled = function () { + return this.disabled || + ( this.elementGroup instanceof OO.ui.Widget && this.elementGroup.isDisabled() ); +}; + +/** + * Set group element is in. + * + * @param {OO.ui.GroupElement|null} group Group element, null if none + * @chainable + */ +OO.ui.ItemWidget.prototype.setElementGroup = function ( group ) { + // Parent method + // Note: Calling #setElementGroup this way assumes this is mixed into an OO.ui.Element + OO.ui.Element.prototype.setElementGroup.call( this, group ); + + // Initialize item disabled states + this.updateDisabled(); + + return this; +}; + +/** + * Mixin that adds a menu showing suggested values for a text input. + * + * Subclasses must handle `select` and `choose` events on #lookupMenu to make use of selections. + * + * @class + * @abstract + * + * @constructor + * @param {OO.ui.TextInputWidget} input Input widget + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$overlay=this.$( 'body' )] Overlay layer + */ +OO.ui.LookupInputWidget = function OoUiLookupInputWidget( input, config ) { + // Config intialization + config = config || {}; + + // Properties + this.lookupInput = input; + this.$overlay = config.$overlay || this.$( 'body,.oo-ui-window-overlay' ).last(); + this.lookupMenu = new OO.ui.TextInputMenuWidget( this, { + $: OO.ui.Element.getJQuery( this.$overlay ), + input: this.lookupInput, + $container: config.$container + } ); + this.lookupCache = {}; + this.lookupQuery = null; + this.lookupRequest = null; + this.populating = false; + + // Events + this.$overlay.append( this.lookupMenu.$element ); + + this.lookupInput.$input.on( { + focus: OO.ui.bind( this.onLookupInputFocus, this ), + blur: OO.ui.bind( this.onLookupInputBlur, this ), + mousedown: OO.ui.bind( this.onLookupInputMouseDown, this ) + } ); + this.lookupInput.connect( this, { change: 'onLookupInputChange' } ); + + // Initialization + this.$element.addClass( 'oo-ui-lookupWidget' ); + this.lookupMenu.$element.addClass( 'oo-ui-lookupWidget-menu' ); +}; + +/* Methods */ + +/** + * Handle input focus event. + * + * @param {jQuery.Event} e Input focus event + */ +OO.ui.LookupInputWidget.prototype.onLookupInputFocus = function () { + this.openLookupMenu(); +}; + +/** + * Handle input blur event. + * + * @param {jQuery.Event} e Input blur event + */ +OO.ui.LookupInputWidget.prototype.onLookupInputBlur = function () { + this.lookupMenu.toggle( false ); +}; + +/** + * Handle input mouse down event. + * + * @param {jQuery.Event} e Input mouse down event + */ +OO.ui.LookupInputWidget.prototype.onLookupInputMouseDown = function () { + this.openLookupMenu(); +}; + +/** + * Handle input change event. + * + * @param {string} value New input value + */ +OO.ui.LookupInputWidget.prototype.onLookupInputChange = function () { + this.openLookupMenu(); +}; + +/** + * Get lookup menu. + * + * @return {OO.ui.TextInputMenuWidget} + */ +OO.ui.LookupInputWidget.prototype.getLookupMenu = function () { + return this.lookupMenu; +}; + +/** + * Open the menu. + * + * @chainable + */ +OO.ui.LookupInputWidget.prototype.openLookupMenu = function () { + var value = this.lookupInput.getValue(); + + if ( this.lookupMenu.$input.is( ':focus' ) && $.trim( value ) !== '' ) { + this.populateLookupMenu(); + this.lookupMenu.toggle( true ); + } else { + this.lookupMenu + .clearItems() + .toggle( false ); + } + + return this; +}; + +/** + * Populate lookup menu with current information. + * + * @chainable + */ +OO.ui.LookupInputWidget.prototype.populateLookupMenu = function () { + var widget = this; + + if ( !this.populating ) { + this.populating = true; + this.getLookupMenuItems() + .done( function ( items ) { + widget.lookupMenu.clearItems(); + if ( items.length ) { + widget.lookupMenu + .addItems( items ) + .toggle( true ); + widget.initializeLookupMenuSelection(); + widget.openLookupMenu(); + } else { + widget.lookupMenu.toggle( true ); + } + widget.populating = false; + } ) + .fail( function () { + widget.lookupMenu.clearItems(); + widget.populating = false; + } ); + } + + return this; +}; + +/** + * Set selection in the lookup menu with current information. + * + * @chainable + */ +OO.ui.LookupInputWidget.prototype.initializeLookupMenuSelection = function () { + if ( !this.lookupMenu.getSelectedItem() ) { + this.lookupMenu.selectItem( this.lookupMenu.getFirstSelectableItem() ); + } + this.lookupMenu.highlightItem( this.lookupMenu.getSelectedItem() ); +}; + +/** + * Get lookup menu items for the current query. + * + * @return {jQuery.Promise} Promise object which will be passed menu items as the first argument + * of the done event + */ +OO.ui.LookupInputWidget.prototype.getLookupMenuItems = function () { + var widget = this, + value = this.lookupInput.getValue(), + deferred = $.Deferred(); + + if ( value && value !== this.lookupQuery ) { + // Abort current request if query has changed + if ( this.lookupRequest ) { + this.lookupRequest.abort(); + this.lookupQuery = null; + this.lookupRequest = null; + } + if ( value in this.lookupCache ) { + deferred.resolve( this.getLookupMenuItemsFromData( this.lookupCache[value] ) ); + } else { + this.lookupQuery = value; + this.lookupRequest = this.getLookupRequest() + .always( function () { + widget.lookupQuery = null; + widget.lookupRequest = null; + } ) + .done( function ( data ) { + widget.lookupCache[value] = widget.getLookupCacheItemFromData( data ); + deferred.resolve( widget.getLookupMenuItemsFromData( widget.lookupCache[value] ) ); + } ) + .fail( function () { + deferred.reject(); + } ); + this.pushPending(); + this.lookupRequest.always( function () { + widget.popPending(); + } ); + } + } + return deferred.promise(); +}; + +/** + * Get a new request object of the current lookup query value. + * + * @abstract + * @return {jqXHR} jQuery AJAX object, or promise object with an .abort() method + */ +OO.ui.LookupInputWidget.prototype.getLookupRequest = function () { + // Stub, implemented in subclass + return null; +}; + +/** + * Handle successful lookup request. + * + * Overriding methods should call #populateLookupMenu when results are available and cache results + * for future lookups in #lookupCache as an array of #OO.ui.MenuItemWidget objects. + * + * @abstract + * @param {Mixed} data Response from server + */ +OO.ui.LookupInputWidget.prototype.onLookupRequestDone = function () { + // Stub, implemented in subclass +}; + +/** + * Get a list of menu item widgets from the data stored by the lookup request's done handler. + * + * @abstract + * @param {Mixed} data Cached result data, usually an array + * @return {OO.ui.MenuItemWidget[]} Menu items + */ +OO.ui.LookupInputWidget.prototype.getLookupMenuItemsFromData = function () { + // Stub, implemented in subclass + return []; +}; + +/** + * Set of controls for an OO.ui.OutlineWidget. + * + * Controls include moving items up and down, removing items, and adding different kinds of items. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.GroupElement + * @mixins OO.ui.IconElement + * + * @constructor + * @param {OO.ui.OutlineWidget} outline Outline to control + * @param {Object} [config] Configuration options + */ +OO.ui.OutlineControlsWidget = function OoUiOutlineControlsWidget( outline, config ) { + // Configuration initialization + config = $.extend( { icon: 'add-item' }, config ); + + // Parent constructor + OO.ui.OutlineControlsWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.GroupElement.call( this, config ); + OO.ui.IconElement.call( this, config ); + + // Properties + this.outline = outline; + this.$movers = this.$( '<div>' ); + this.upButton = new OO.ui.ButtonWidget( { + $: this.$, + framed: false, + icon: 'collapse', + title: OO.ui.msg( 'ooui-outline-control-move-up' ) + } ); + this.downButton = new OO.ui.ButtonWidget( { + $: this.$, + framed: false, + icon: 'expand', + title: OO.ui.msg( 'ooui-outline-control-move-down' ) + } ); + this.removeButton = new OO.ui.ButtonWidget( { + $: this.$, + framed: false, + icon: 'remove', + title: OO.ui.msg( 'ooui-outline-control-remove' ) + } ); + + // Events + outline.connect( this, { + select: 'onOutlineChange', + add: 'onOutlineChange', + remove: 'onOutlineChange' + } ); + this.upButton.connect( this, { click: [ 'emit', 'move', -1 ] } ); + this.downButton.connect( this, { click: [ 'emit', 'move', 1 ] } ); + this.removeButton.connect( this, { click: [ 'emit', 'remove' ] } ); + + // Initialization + this.$element.addClass( 'oo-ui-outlineControlsWidget' ); + this.$group.addClass( 'oo-ui-outlineControlsWidget-items' ); + this.$movers + .addClass( 'oo-ui-outlineControlsWidget-movers' ) + .append( this.removeButton.$element, this.upButton.$element, this.downButton.$element ); + this.$element.append( this.$icon, this.$group, this.$movers ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.OutlineControlsWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.OutlineControlsWidget, OO.ui.GroupElement ); +OO.mixinClass( OO.ui.OutlineControlsWidget, OO.ui.IconElement ); + +/* Events */ + +/** + * @event move + * @param {number} places Number of places to move + */ + +/** + * @event remove + */ + +/* Methods */ + +/** + * Handle outline change events. + */ +OO.ui.OutlineControlsWidget.prototype.onOutlineChange = function () { + var i, len, firstMovable, lastMovable, + items = this.outline.getItems(), + selectedItem = this.outline.getSelectedItem(), + movable = selectedItem && selectedItem.isMovable(), + removable = selectedItem && selectedItem.isRemovable(); + + if ( movable ) { + i = -1; + len = items.length; + while ( ++i < len ) { + if ( items[i].isMovable() ) { + firstMovable = items[i]; + break; + } + } + i = len; + while ( i-- ) { + if ( items[i].isMovable() ) { + lastMovable = items[i]; + break; + } + } + } + this.upButton.setDisabled( !movable || selectedItem === firstMovable ); + this.downButton.setDisabled( !movable || selectedItem === lastMovable ); + this.removeButton.setDisabled( !removable ); +}; + +/** + * Mixin for widgets with a boolean on/off state. + * + * @abstract + * @class + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [value=false] Initial value + */ +OO.ui.ToggleWidget = function OoUiToggleWidget( config ) { + // Configuration initialization + config = config || {}; + + // Properties + this.value = null; + + // Initialization + this.$element.addClass( 'oo-ui-toggleWidget' ); + this.setValue( !!config.value ); +}; + +/* Events */ + +/** + * @event change + * @param {boolean} value Changed value + */ + +/* Methods */ + +/** + * Get the value of the toggle. + * + * @return {boolean} + */ +OO.ui.ToggleWidget.prototype.getValue = function () { + return this.value; +}; + +/** + * Set the value of the toggle. + * + * @param {boolean} value New value + * @fires change + * @chainable + */ +OO.ui.ToggleWidget.prototype.setValue = function ( value ) { + value = !!value; + if ( this.value !== value ) { + this.value = value; + this.emit( 'change', value ); + this.$element.toggleClass( 'oo-ui-toggleWidget-on', value ); + this.$element.toggleClass( 'oo-ui-toggleWidget-off', !value ); + } + return this; +}; + +/** + * Group widget for multiple related buttons. + * + * Use together with OO.ui.ButtonWidget. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.GroupElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {OO.ui.ButtonWidget} [items] Buttons to add + */ +OO.ui.ButtonGroupWidget = function OoUiButtonGroupWidget( config ) { + // Parent constructor + OO.ui.ButtonGroupWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.GroupElement.call( this, $.extend( {}, config, { $group: this.$element } ) ); + + // Initialization + this.$element.addClass( 'oo-ui-buttonGroupWidget' ); + if ( $.isArray( config.items ) ) { + this.addItems( config.items ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ButtonGroupWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.ButtonGroupWidget, OO.ui.GroupElement ); + +/** + * Generic widget for buttons. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.ButtonElement + * @mixins OO.ui.IconElement + * @mixins OO.ui.IndicatorElement + * @mixins OO.ui.LabelElement + * @mixins OO.ui.TitledElement + * @mixins OO.ui.FlaggedElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string} [href] Hyperlink to visit when clicked + * @cfg {string} [target] Target to open hyperlink in + */ +OO.ui.ButtonWidget = function OoUiButtonWidget( config ) { + // Configuration initialization + config = $.extend( { target: '_blank' }, config ); + + // Parent constructor + OO.ui.ButtonWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.ButtonElement.call( this, config ); + OO.ui.IconElement.call( this, config ); + OO.ui.IndicatorElement.call( this, config ); + OO.ui.LabelElement.call( this, config ); + OO.ui.TitledElement.call( this, config, $.extend( {}, config, { $titled: this.$button } ) ); + OO.ui.FlaggedElement.call( this, config ); + + // Properties + this.href = null; + this.target = null; + this.isHyperlink = false; + + // Events + this.$button.on( { + click: OO.ui.bind( this.onClick, this ), + keypress: OO.ui.bind( this.onKeyPress, this ) + } ); + + // Initialization + this.$button.append( this.$icon, this.$label, this.$indicator ); + this.$element + .addClass( 'oo-ui-buttonWidget' ) + .append( this.$button ); + this.setHref( config.href ); + this.setTarget( config.target ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ButtonWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.ButtonWidget, OO.ui.ButtonElement ); +OO.mixinClass( OO.ui.ButtonWidget, OO.ui.IconElement ); +OO.mixinClass( OO.ui.ButtonWidget, OO.ui.IndicatorElement ); +OO.mixinClass( OO.ui.ButtonWidget, OO.ui.LabelElement ); +OO.mixinClass( OO.ui.ButtonWidget, OO.ui.TitledElement ); +OO.mixinClass( OO.ui.ButtonWidget, OO.ui.FlaggedElement ); + +/* Events */ + +/** + * @event click + */ + +/* Methods */ + +/** + * Handles mouse click events. + * + * @param {jQuery.Event} e Mouse click event + * @fires click + */ +OO.ui.ButtonWidget.prototype.onClick = function () { + if ( !this.isDisabled() ) { + this.emit( 'click' ); + if ( this.isHyperlink ) { + return true; + } + } + return false; +}; + +/** + * Handles keypress events. + * + * @param {jQuery.Event} e Keypress event + * @fires click + */ +OO.ui.ButtonWidget.prototype.onKeyPress = function ( e ) { + if ( !this.isDisabled() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) { + this.onClick(); + if ( this.isHyperlink ) { + return true; + } + } + return false; +}; + +/** + * Get hyperlink location. + * + * @return {string} Hyperlink location + */ +OO.ui.ButtonWidget.prototype.getHref = function () { + return this.href; +}; + +/** + * Get hyperlink target. + * + * @return {string} Hyperlink target + */ +OO.ui.ButtonWidget.prototype.getTarget = function () { + return this.target; +}; + +/** + * Set hyperlink location. + * + * @param {string|null} href Hyperlink location, null to remove + */ +OO.ui.ButtonWidget.prototype.setHref = function ( href ) { + href = typeof href === 'string' ? href : null; + + if ( href !== this.href ) { + this.href = href; + if ( href !== null ) { + this.$button.attr( 'href', href ); + this.isHyperlink = true; + } else { + this.$button.removeAttr( 'href' ); + this.isHyperlink = false; + } + } + + return this; +}; + +/** + * Set hyperlink target. + * + * @param {string|null} target Hyperlink target, null to remove + */ +OO.ui.ButtonWidget.prototype.setTarget = function ( target ) { + target = typeof target === 'string' ? target : null; + + if ( target !== this.target ) { + this.target = target; + if ( target !== null ) { + this.$button.attr( 'target', target ); + } else { + this.$button.removeAttr( 'target' ); + } + } + + return this; +}; + +/** + * Button widget that executes an action and is managed by an OO.ui.ActionSet. + * + * @class + * @extends OO.ui.ButtonWidget + * @mixins OO.ui.PendingElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string} [action] Symbolic action name + * @cfg {string[]} [modes] Symbolic mode names + */ +OO.ui.ActionWidget = function OoUiActionWidget( config ) { + // Config intialization + config = $.extend( { framed: false }, config ); + + // Parent constructor + OO.ui.ActionWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.PendingElement.call( this, config ); + + // Properties + this.action = config.action || ''; + this.modes = config.modes || []; + this.width = 0; + this.height = 0; + + // Initialization + this.$element.addClass( 'oo-ui-actionWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ActionWidget, OO.ui.ButtonWidget ); +OO.mixinClass( OO.ui.ActionWidget, OO.ui.PendingElement ); + +/* Events */ + +/** + * @event resize + */ + +/* Methods */ + +/** + * Check if action is available in a certain mode. + * + * @param {string} mode Name of mode + * @return {boolean} Has mode + */ +OO.ui.ActionWidget.prototype.hasMode = function ( mode ) { + return this.modes.indexOf( mode ) !== -1; +}; + +/** + * Get symbolic action name. + * + * @return {string} + */ +OO.ui.ActionWidget.prototype.getAction = function () { + return this.action; +}; + +/** + * Get symbolic action name. + * + * @return {string} + */ +OO.ui.ActionWidget.prototype.getModes = function () { + return this.modes.slice(); +}; + +/** + * Emit a resize event if the size has changed. + * + * @chainable + */ +OO.ui.ActionWidget.prototype.propagateResize = function () { + var width, height; + + if ( this.isElementAttached() ) { + width = this.$element.width(); + height = this.$element.height(); + + if ( width !== this.width || height !== this.height ) { + this.width = width; + this.height = height; + this.emit( 'resize' ); + } + } + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.ActionWidget.prototype.setIcon = function () { + // Mixin method + OO.ui.IconElement.prototype.setIcon.apply( this, arguments ); + this.propagateResize(); + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.ActionWidget.prototype.setLabel = function () { + // Mixin method + OO.ui.LabelElement.prototype.setLabel.apply( this, arguments ); + this.propagateResize(); + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.ActionWidget.prototype.setFlags = function () { + // Mixin method + OO.ui.FlaggedElement.prototype.setFlags.apply( this, arguments ); + this.propagateResize(); + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.ActionWidget.prototype.clearFlags = function () { + // Mixin method + OO.ui.FlaggedElement.prototype.clearFlags.apply( this, arguments ); + this.propagateResize(); + + return this; +}; + +/** + * Toggle visibility of button. + * + * @param {boolean} [show] Show button, omit to toggle visibility + * @chainable + */ +OO.ui.ActionWidget.prototype.toggle = function () { + // Parent method + OO.ui.ActionWidget.super.prototype.toggle.apply( this, arguments ); + this.propagateResize(); + + return this; +}; + +/** + * Button that shows and hides a popup. + * + * @class + * @extends OO.ui.ButtonWidget + * @mixins OO.ui.PopupElement + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.PopupButtonWidget = function OoUiPopupButtonWidget( config ) { + // Parent constructor + OO.ui.PopupButtonWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.PopupElement.call( this, config ); + + // Initialization + this.$element + .addClass( 'oo-ui-popupButtonWidget' ) + .append( this.popup.$element ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.PopupButtonWidget, OO.ui.ButtonWidget ); +OO.mixinClass( OO.ui.PopupButtonWidget, OO.ui.PopupElement ); + +/* Methods */ + +/** + * Handles mouse click events. + * + * @param {jQuery.Event} e Mouse click event + */ +OO.ui.PopupButtonWidget.prototype.onClick = function ( e ) { + // Skip clicks within the popup + if ( $.contains( this.popup.$element[0], e.target ) ) { + return; + } + + if ( !this.isDisabled() ) { + this.popup.toggle(); + // Parent method + OO.ui.PopupButtonWidget.super.prototype.onClick.call( this ); + } + return false; +}; + +/** + * Button that toggles on and off. + * + * @class + * @extends OO.ui.ButtonWidget + * @mixins OO.ui.ToggleWidget + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [value=false] Initial value + */ +OO.ui.ToggleButtonWidget = function OoUiToggleButtonWidget( config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.ToggleButtonWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.ToggleWidget.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-toggleButtonWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ToggleButtonWidget, OO.ui.ButtonWidget ); +OO.mixinClass( OO.ui.ToggleButtonWidget, OO.ui.ToggleWidget ); + +/* Methods */ + +/** + * @inheritdoc + */ +OO.ui.ToggleButtonWidget.prototype.onClick = function () { + if ( !this.isDisabled() ) { + this.setValue( !this.value ); + } + + // Parent method + return OO.ui.ToggleButtonWidget.super.prototype.onClick.call( this ); +}; + +/** + * @inheritdoc + */ +OO.ui.ToggleButtonWidget.prototype.setValue = function ( value ) { + value = !!value; + if ( value !== this.value ) { + this.setActive( value ); + } + + // Parent method (from mixin) + OO.ui.ToggleWidget.prototype.setValue.call( this, value ); + + return this; +}; + +/** + * Icon widget. + * + * See OO.ui.IconElement for more information. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.IconElement + * @mixins OO.ui.TitledElement + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.IconWidget = function OoUiIconWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.IconWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, $.extend( {}, config, { $icon: this.$element } ) ); + OO.ui.TitledElement.call( this, $.extend( {}, config, { $titled: this.$element } ) ); + + // Initialization + this.$element.addClass( 'oo-ui-iconWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.IconWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.IconWidget, OO.ui.IconElement ); +OO.mixinClass( OO.ui.IconWidget, OO.ui.TitledElement ); + +/* Static Properties */ + +OO.ui.IconWidget.static.tagName = 'span'; + +/** + * Indicator widget. + * + * See OO.ui.IndicatorElement for more information. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.IndicatorElement + * @mixins OO.ui.TitledElement + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.IndicatorWidget = function OoUiIndicatorWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.IndicatorWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.IndicatorElement.call( this, $.extend( {}, config, { $indicator: this.$element } ) ); + OO.ui.TitledElement.call( this, $.extend( {}, config, { $titled: this.$element } ) ); + + // Initialization + this.$element.addClass( 'oo-ui-indicatorWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.IndicatorWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.IndicatorWidget, OO.ui.IndicatorElement ); +OO.mixinClass( OO.ui.IndicatorWidget, OO.ui.TitledElement ); + +/* Static Properties */ + +OO.ui.IndicatorWidget.static.tagName = 'span'; + +/** + * Inline menu of options. + * + * Inline menus provide a control for accessing a menu and compose a menu within the widget, which + * can be accessed using the #getMenu method. + * + * Use with OO.ui.MenuOptionWidget. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.IconElement + * @mixins OO.ui.IndicatorElement + * @mixins OO.ui.LabelElement + * @mixins OO.ui.TitledElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {Object} [menu] Configuration options to pass to menu widget + */ +OO.ui.InlineMenuWidget = function OoUiInlineMenuWidget( config ) { + // Configuration initialization + config = $.extend( { indicator: 'down' }, config ); + + // Parent constructor + OO.ui.InlineMenuWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, config ); + OO.ui.IndicatorElement.call( this, config ); + OO.ui.LabelElement.call( this, config ); + OO.ui.TitledElement.call( this, $.extend( {}, config, { $titled: this.$label } ) ); + + // Properties + this.menu = new OO.ui.MenuWidget( $.extend( { $: this.$, widget: this }, config.menu ) ); + this.$handle = this.$( '<span>' ); + + // Events + this.$element.on( { click: OO.ui.bind( this.onClick, this ) } ); + this.menu.connect( this, { select: 'onMenuSelect' } ); + + // Initialization + this.$handle + .addClass( 'oo-ui-inlineMenuWidget-handle' ) + .append( this.$icon, this.$label, this.$indicator ); + this.$element + .addClass( 'oo-ui-inlineMenuWidget' ) + .append( this.$handle, this.menu.$element ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.InlineMenuWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.InlineMenuWidget, OO.ui.IconElement ); +OO.mixinClass( OO.ui.InlineMenuWidget, OO.ui.IndicatorElement ); +OO.mixinClass( OO.ui.InlineMenuWidget, OO.ui.LabelElement ); +OO.mixinClass( OO.ui.InlineMenuWidget, OO.ui.TitledElement ); + +/* Methods */ + +/** + * Get the menu. + * + * @return {OO.ui.MenuWidget} Menu of widget + */ +OO.ui.InlineMenuWidget.prototype.getMenu = function () { + return this.menu; +}; + +/** + * Handles menu select events. + * + * @param {OO.ui.MenuItemWidget} item Selected menu item + */ +OO.ui.InlineMenuWidget.prototype.onMenuSelect = function ( item ) { + var selectedLabel; + + if ( !item ) { + return; + } + + selectedLabel = item.getLabel(); + + // If the label is a DOM element, clone it, because setLabel will append() it + if ( selectedLabel instanceof jQuery ) { + selectedLabel = selectedLabel.clone(); + } + + this.setLabel( selectedLabel ); +}; + +/** + * Handles mouse click events. + * + * @param {jQuery.Event} e Mouse click event + */ +OO.ui.InlineMenuWidget.prototype.onClick = function ( e ) { + // Skip clicks within the menu + if ( $.contains( this.menu.$element[0], e.target ) ) { + return; + } + + if ( !this.isDisabled() ) { + if ( this.menu.isVisible() ) { + this.menu.toggle( false ); + } else { + this.menu.toggle( true ); + } + } + return false; +}; + +/** + * Base class for input widgets. + * + * @abstract + * @class + * @extends OO.ui.Widget + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string} [name=''] HTML input name + * @cfg {string} [value=''] Input value + * @cfg {boolean} [readOnly=false] Prevent changes + * @cfg {Function} [inputFilter] Filter function to apply to the input. Takes a string argument and returns a string. + */ +OO.ui.InputWidget = function OoUiInputWidget( config ) { + // Config intialization + config = $.extend( { readOnly: false }, config ); + + // Parent constructor + OO.ui.InputWidget.super.call( this, config ); + + // Properties + this.$input = this.getInputElement( config ); + this.value = ''; + this.readOnly = false; + this.inputFilter = config.inputFilter; + + // Events + this.$input.on( 'keydown mouseup cut paste change input select', OO.ui.bind( this.onEdit, this ) ); + + // Initialization + this.$input + .attr( 'name', config.name ) + .prop( 'disabled', this.isDisabled() ); + this.setReadOnly( config.readOnly ); + this.$element.addClass( 'oo-ui-inputWidget' ).append( this.$input ); + this.setValue( config.value ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.InputWidget, OO.ui.Widget ); + +/* Events */ + +/** + * @event change + * @param value + */ + +/* Methods */ + +/** + * Get input element. + * + * @param {Object} [config] Configuration options + * @return {jQuery} Input element + */ +OO.ui.InputWidget.prototype.getInputElement = function () { + return this.$( '<input>' ); +}; + +/** + * Handle potentially value-changing events. + * + * @param {jQuery.Event} e Key down, mouse up, cut, paste, change, input, or select event + */ +OO.ui.InputWidget.prototype.onEdit = function () { + var widget = this; + if ( !this.isDisabled() ) { + // Allow the stack to clear so the value will be updated + setTimeout( function () { + widget.setValue( widget.$input.val() ); + } ); + } +}; + +/** + * Get the value of the input. + * + * @return {string} Input value + */ +OO.ui.InputWidget.prototype.getValue = function () { + return this.value; +}; + +/** + * Sets the direction of the current input, either RTL or LTR + * + * @param {boolean} isRTL + */ +OO.ui.InputWidget.prototype.setRTL = function ( isRTL ) { + if ( isRTL ) { + this.$input.removeClass( 'oo-ui-ltr' ); + this.$input.addClass( 'oo-ui-rtl' ); + } else { + this.$input.removeClass( 'oo-ui-rtl' ); + this.$input.addClass( 'oo-ui-ltr' ); + } +}; + +/** + * Set the value of the input. + * + * @param {string} value New value + * @fires change + * @chainable + */ +OO.ui.InputWidget.prototype.setValue = function ( value ) { + value = this.sanitizeValue( value ); + if ( this.value !== value ) { + this.value = value; + this.emit( 'change', this.value ); + } + // Update the DOM if it has changed. Note that with sanitizeValue, it + // is possible for the DOM value to change without this.value changing. + if ( this.$input.val() !== this.value ) { + this.$input.val( this.value ); + } + return this; +}; + +/** + * Sanitize incoming value. + * + * Ensures value is a string, and converts undefined and null to empty strings. + * + * @param {string} value Original value + * @return {string} Sanitized value + */ +OO.ui.InputWidget.prototype.sanitizeValue = function ( value ) { + if ( value === undefined || value === null ) { + return ''; + } else if ( this.inputFilter ) { + return this.inputFilter( String( value ) ); + } else { + return String( value ); + } +}; + +/** + * Simulate the behavior of clicking on a label bound to this input. + */ +OO.ui.InputWidget.prototype.simulateLabelClick = function () { + if ( !this.isDisabled() ) { + if ( this.$input.is( ':checkbox,:radio' ) ) { + this.$input.click(); + } else if ( this.$input.is( ':input' ) ) { + this.$input[0].focus(); + } + } +}; + +/** + * Check if the widget is read-only. + * + * @return {boolean} + */ +OO.ui.InputWidget.prototype.isReadOnly = function () { + return this.readOnly; +}; + +/** + * Set the read-only state of the widget. + * + * This should probably change the widgets's appearance and prevent it from being used. + * + * @param {boolean} state Make input read-only + * @chainable + */ +OO.ui.InputWidget.prototype.setReadOnly = function ( state ) { + this.readOnly = !!state; + this.$input.prop( 'readOnly', this.readOnly ); + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.InputWidget.prototype.setDisabled = function ( state ) { + OO.ui.InputWidget.super.prototype.setDisabled.call( this, state ); + if ( this.$input ) { + this.$input.prop( 'disabled', this.isDisabled() ); + } + return this; +}; + +/** + * Focus the input. + * + * @chainable + */ +OO.ui.InputWidget.prototype.focus = function () { + this.$input[0].focus(); + return this; +}; + +/** + * Blur the input. + * + * @chainable + */ +OO.ui.InputWidget.prototype.blur = function () { + this.$input[0].blur(); + return this; +}; + +/** + * Checkbox input widget. + * + * @class + * @extends OO.ui.InputWidget + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.CheckboxInputWidget = function OoUiCheckboxInputWidget( config ) { + // Parent constructor + OO.ui.CheckboxInputWidget.super.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-checkboxInputWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.CheckboxInputWidget, OO.ui.InputWidget ); + +/* Events */ + +/* Methods */ + +/** + * Get input element. + * + * @return {jQuery} Input element + */ +OO.ui.CheckboxInputWidget.prototype.getInputElement = function () { + return this.$( '<input type="checkbox" />' ); +}; + +/** + * Get checked state of the checkbox + * + * @return {boolean} If the checkbox is checked + */ +OO.ui.CheckboxInputWidget.prototype.getValue = function () { + return this.value; +}; + +/** + * Set value + */ +OO.ui.CheckboxInputWidget.prototype.setValue = function ( value ) { + value = !!value; + if ( this.value !== value ) { + this.value = value; + this.$input.prop( 'checked', this.value ); + this.emit( 'change', this.value ); + } +}; + +/** + * @inheritdoc + */ +OO.ui.CheckboxInputWidget.prototype.onEdit = function () { + var widget = this; + if ( !this.isDisabled() ) { + // Allow the stack to clear so the value will be updated + setTimeout( function () { + widget.setValue( widget.$input.prop( 'checked' ) ); + } ); + } +}; + +/** + * Input widget with a text field. + * + * @class + * @extends OO.ui.InputWidget + * @mixins OO.ui.IconElement + * @mixins OO.ui.IndicatorElement + * @mixins OO.ui.PendingElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string} [placeholder] Placeholder text + * @cfg {boolean} [multiline=false] Allow multiple lines of text + * @cfg {boolean} [autosize=false] Automatically resize to fit content + * @cfg {boolean} [maxRows=10] Maximum number of rows to make visible when autosizing + */ +OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.TextInputWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, config ); + OO.ui.IndicatorElement.call( this, config ); + OO.ui.PendingElement.call( this, config ); + + // Properties + this.multiline = !!config.multiline; + this.autosize = !!config.autosize; + this.maxRows = config.maxRows !== undefined ? config.maxRows : 10; + + // Events + this.$input.on( 'keypress', OO.ui.bind( this.onKeyPress, this ) ); + this.$element.on( 'DOMNodeInsertedIntoDocument', OO.ui.bind( this.onElementAttach, this ) ); + this.$icon.on( 'mousedown', OO.ui.bind( this.onIconMouseDown, this ) ); + this.$indicator.on( 'mousedown', OO.ui.bind( this.onIndicatorMouseDown, this ) ); + + // Initialization + this.$element + .addClass( 'oo-ui-textInputWidget' ) + .append( this.$icon, this.$indicator ); + if ( config.placeholder ) { + this.$input.attr( 'placeholder', config.placeholder ); + } + this.$element.attr( 'role', 'textbox' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.TextInputWidget, OO.ui.InputWidget ); +OO.mixinClass( OO.ui.TextInputWidget, OO.ui.IconElement ); +OO.mixinClass( OO.ui.TextInputWidget, OO.ui.IndicatorElement ); +OO.mixinClass( OO.ui.TextInputWidget, OO.ui.PendingElement ); + +/* Events */ + +/** + * User presses enter inside the text box. + * + * Not called if input is multiline. + * + * @event enter + */ + +/** + * User clicks the icon. + * + * @event icon + */ + +/** + * User clicks the indicator. + * + * @event indicator + */ + +/* Methods */ + +/** + * Handle icon mouse down events. + * + * @param {jQuery.Event} e Mouse down event + * @fires icon + */ +OO.ui.TextInputWidget.prototype.onIconMouseDown = function ( e ) { + if ( e.which === 1 ) { + this.$input[0].focus(); + this.emit( 'icon' ); + return false; + } +}; + +/** + * Handle indicator mouse down events. + * + * @param {jQuery.Event} e Mouse down event + * @fires indicator + */ +OO.ui.TextInputWidget.prototype.onIndicatorMouseDown = function ( e ) { + if ( e.which === 1 ) { + this.$input[0].focus(); + this.emit( 'indicator' ); + return false; + } +}; + +/** + * Handle key press events. + * + * @param {jQuery.Event} e Key press event + * @fires enter If enter key is pressed and input is not multiline + */ +OO.ui.TextInputWidget.prototype.onKeyPress = function ( e ) { + if ( e.which === OO.ui.Keys.ENTER && !this.multiline ) { + this.emit( 'enter' ); + } +}; + +/** + * Handle element attach events. + * + * @param {jQuery.Event} e Element attach event + */ +OO.ui.TextInputWidget.prototype.onElementAttach = function () { + this.adjustSize(); +}; + +/** + * @inheritdoc + */ +OO.ui.TextInputWidget.prototype.onEdit = function () { + this.adjustSize(); + + // Parent method + return OO.ui.TextInputWidget.super.prototype.onEdit.call( this ); +}; + +/** + * @inheritdoc + */ +OO.ui.TextInputWidget.prototype.setValue = function ( value ) { + // Parent method + OO.ui.TextInputWidget.super.prototype.setValue.call( this, value ); + + this.adjustSize(); + return this; +}; + +/** + * Automatically adjust the size of the text input. + * + * This only affects multi-line inputs that are auto-sized. + * + * @chainable + */ +OO.ui.TextInputWidget.prototype.adjustSize = function () { + var $clone, scrollHeight, innerHeight, outerHeight, maxInnerHeight, idealHeight; + + if ( this.multiline && this.autosize ) { + $clone = this.$input.clone() + .val( this.$input.val() ) + .css( { height: 0 } ) + .insertAfter( this.$input ); + // Set inline height property to 0 to measure scroll height + scrollHeight = $clone[0].scrollHeight; + // Remove inline height property to measure natural heights + $clone.css( 'height', '' ); + innerHeight = $clone.innerHeight(); + outerHeight = $clone.outerHeight(); + // Measure max rows height + $clone.attr( 'rows', this.maxRows ).css( 'height', 'auto' ); + maxInnerHeight = $clone.innerHeight(); + $clone.removeAttr( 'rows' ).css( 'height', '' ); + $clone.remove(); + idealHeight = Math.min( maxInnerHeight, scrollHeight ); + // Only apply inline height when expansion beyond natural height is needed + this.$input.css( + 'height', + // Use the difference between the inner and outer height as a buffer + idealHeight > outerHeight ? idealHeight + ( outerHeight - innerHeight ) : '' + ); + } + return this; +}; + +/** + * Get input element. + * + * @param {Object} [config] Configuration options + * @return {jQuery} Input element + */ +OO.ui.TextInputWidget.prototype.getInputElement = function ( config ) { + return config.multiline ? this.$( '<textarea>' ) : this.$( '<input type="text" />' ); +}; + +/* Methods */ + +/** + * Check if input supports multiple lines. + * + * @return {boolean} + */ +OO.ui.TextInputWidget.prototype.isMultiline = function () { + return !!this.multiline; +}; + +/** + * Check if input automatically adjusts its size. + * + * @return {boolean} + */ +OO.ui.TextInputWidget.prototype.isAutosizing = function () { + return !!this.autosize; +}; + +/** + * Select the contents of the input. + * + * @chainable + */ +OO.ui.TextInputWidget.prototype.select = function () { + this.$input.select(); + return this; +}; + +/** + * Text input with a menu of optional values. + * + * @class + * @extends OO.ui.Widget + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {Object} [menu] Configuration options to pass to menu widget + * @cfg {Object} [input] Configuration options to pass to input widget + */ +OO.ui.ComboBoxWidget = function OoUiComboBoxWidget( config ) { + // Configuration initialization + config = config || {}; + + // Parent constructor + OO.ui.ComboBoxWidget.super.call( this, config ); + + // Properties + this.input = new OO.ui.TextInputWidget( $.extend( + { $: this.$, indicator: 'down', disabled: this.isDisabled() }, + config.input + ) ); + this.menu = new OO.ui.MenuWidget( $.extend( + { $: this.$, widget: this, input: this.input, disabled: this.isDisabled() }, + config.menu + ) ); + + // Events + this.input.connect( this, { + change: 'onInputChange', + indicator: 'onInputIndicator', + enter: 'onInputEnter' + } ); + this.menu.connect( this, { + choose: 'onMenuChoose', + add: 'onMenuItemsChange', + remove: 'onMenuItemsChange' + } ); + + // Initialization + this.$element.addClass( 'oo-ui-comboBoxWidget' ).append( + this.input.$element, + this.menu.$element + ); + this.onMenuItemsChange(); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ComboBoxWidget, OO.ui.Widget ); + +/* Methods */ + +/** + * Handle input change events. + * + * @param {string} value New value + */ +OO.ui.ComboBoxWidget.prototype.onInputChange = function ( value ) { + var match = this.menu.getItemFromData( value ); + + this.menu.selectItem( match ); + + if ( !this.isDisabled() ) { + this.menu.toggle( true ); + } +}; + +/** + * Handle input indicator events. + */ +OO.ui.ComboBoxWidget.prototype.onInputIndicator = function () { + if ( !this.isDisabled() ) { + this.menu.toggle(); + } +}; + +/** + * Handle input enter events. + */ +OO.ui.ComboBoxWidget.prototype.onInputEnter = function () { + if ( !this.isDisabled() ) { + this.menu.toggle( false ); + } +}; + +/** + * Handle menu choose events. + * + * @param {OO.ui.OptionWidget} item Chosen item + */ +OO.ui.ComboBoxWidget.prototype.onMenuChoose = function ( item ) { + if ( item ) { + this.input.setValue( item.getData() ); + } +}; + +/** + * Handle menu item change events. + */ +OO.ui.ComboBoxWidget.prototype.onMenuItemsChange = function () { + this.$element.toggleClass( 'oo-ui-comboBoxWidget-empty', this.menu.isEmpty() ); +}; + +/** + * @inheritdoc + */ +OO.ui.ComboBoxWidget.prototype.setDisabled = function ( disabled ) { + // Parent method + OO.ui.ComboBoxWidget.super.prototype.setDisabled.call( this, disabled ); + + if ( this.input ) { + this.input.setDisabled( this.isDisabled() ); + } + if ( this.menu ) { + this.menu.setDisabled( this.isDisabled() ); + } + + return this; +}; + +/** + * Label widget. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.LabelElement + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.LabelWidget = function OoUiLabelWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.LabelWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.LabelElement.call( this, $.extend( {}, config, { $label: this.$element } ) ); + + // Properties + this.input = config.input; + + // Events + if ( this.input instanceof OO.ui.InputWidget ) { + this.$element.on( 'click', OO.ui.bind( this.onClick, this ) ); + } + + // Initialization + this.$element.addClass( 'oo-ui-labelWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.LabelWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.LabelWidget, OO.ui.LabelElement ); + +/* Static Properties */ + +OO.ui.LabelWidget.static.tagName = 'span'; + +/* Methods */ + +/** + * Handles label mouse click events. + * + * @param {jQuery.Event} e Mouse click event + */ +OO.ui.LabelWidget.prototype.onClick = function () { + this.input.simulateLabelClick(); + return false; +}; + +/** + * Generic option widget for use with OO.ui.SelectWidget. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.LabelElement + * @mixins OO.ui.FlaggedElement + * + * @constructor + * @param {Mixed} data Option data + * @param {Object} [config] Configuration options + * @cfg {string} [rel] Value for `rel` attribute in DOM, allowing per-option styling + */ +OO.ui.OptionWidget = function OoUiOptionWidget( data, config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.OptionWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.ItemWidget.call( this ); + OO.ui.LabelElement.call( this, config ); + OO.ui.FlaggedElement.call( this, config ); + + // Properties + this.data = data; + this.selected = false; + this.highlighted = false; + this.pressed = false; + + // Initialization + this.$element + .data( 'oo-ui-optionWidget', this ) + .attr( 'rel', config.rel ) + .attr( 'role', 'option' ) + .addClass( 'oo-ui-optionWidget' ) + .append( this.$label ); + this.$element + .prepend( this.$icon ) + .append( this.$indicator ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.OptionWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.OptionWidget, OO.ui.ItemWidget ); +OO.mixinClass( OO.ui.OptionWidget, OO.ui.LabelElement ); +OO.mixinClass( OO.ui.OptionWidget, OO.ui.FlaggedElement ); + +/* Static Properties */ + +OO.ui.OptionWidget.static.selectable = true; + +OO.ui.OptionWidget.static.highlightable = true; + +OO.ui.OptionWidget.static.pressable = true; + +OO.ui.OptionWidget.static.scrollIntoViewOnSelect = false; + +/* Methods */ + +/** + * Check if option can be selected. + * + * @return {boolean} Item is selectable + */ +OO.ui.OptionWidget.prototype.isSelectable = function () { + return this.constructor.static.selectable && !this.isDisabled(); +}; + +/** + * Check if option can be highlighted. + * + * @return {boolean} Item is highlightable + */ +OO.ui.OptionWidget.prototype.isHighlightable = function () { + return this.constructor.static.highlightable && !this.isDisabled(); +}; + +/** + * Check if option can be pressed. + * + * @return {boolean} Item is pressable + */ +OO.ui.OptionWidget.prototype.isPressable = function () { + return this.constructor.static.pressable && !this.isDisabled(); +}; + +/** + * Check if option is selected. + * + * @return {boolean} Item is selected + */ +OO.ui.OptionWidget.prototype.isSelected = function () { + return this.selected; +}; + +/** + * Check if option is highlighted. + * + * @return {boolean} Item is highlighted + */ +OO.ui.OptionWidget.prototype.isHighlighted = function () { + return this.highlighted; +}; + +/** + * Check if option is pressed. + * + * @return {boolean} Item is pressed + */ +OO.ui.OptionWidget.prototype.isPressed = function () { + return this.pressed; +}; + +/** + * Set selected state. + * + * @param {boolean} [state=false] Select option + * @chainable + */ +OO.ui.OptionWidget.prototype.setSelected = function ( state ) { + if ( this.constructor.static.selectable ) { + this.selected = !!state; + this.$element.toggleClass( 'oo-ui-optionWidget-selected', state ); + if ( state && this.constructor.static.scrollIntoViewOnSelect ) { + this.scrollElementIntoView(); + } + } + return this; +}; + +/** + * Set highlighted state. + * + * @param {boolean} [state=false] Highlight option + * @chainable + */ +OO.ui.OptionWidget.prototype.setHighlighted = function ( state ) { + if ( this.constructor.static.highlightable ) { + this.highlighted = !!state; + this.$element.toggleClass( 'oo-ui-optionWidget-highlighted', state ); + } + return this; +}; + +/** + * Set pressed state. + * + * @param {boolean} [state=false] Press option + * @chainable + */ +OO.ui.OptionWidget.prototype.setPressed = function ( state ) { + if ( this.constructor.static.pressable ) { + this.pressed = !!state; + this.$element.toggleClass( 'oo-ui-optionWidget-pressed', state ); + } + return this; +}; + +/** + * Make the option's highlight flash. + * + * While flashing, the visual style of the pressed state is removed if present. + * + * @return {jQuery.Promise} Promise resolved when flashing is done + */ +OO.ui.OptionWidget.prototype.flash = function () { + var widget = this, + $element = this.$element, + deferred = $.Deferred(); + + if ( !this.isDisabled() && this.constructor.static.pressable ) { + $element.removeClass( 'oo-ui-optionWidget-highlighted oo-ui-optionWidget-pressed' ); + setTimeout( function () { + // Restore original classes + $element + .toggleClass( 'oo-ui-optionWidget-highlighted', widget.highlighted ) + .toggleClass( 'oo-ui-optionWidget-pressed', widget.pressed ); + + setTimeout( function () { + deferred.resolve(); + }, 100 ); + + }, 100 ); + } + + return deferred.promise(); +}; + +/** + * Get option data. + * + * @return {Mixed} Option data + */ +OO.ui.OptionWidget.prototype.getData = function () { + return this.data; +}; + +/** + * Option widget with an option icon and indicator. + * + * Use together with OO.ui.SelectWidget. + * + * @class + * @extends OO.ui.OptionWidget + * @mixins OO.ui.IconElement + * @mixins OO.ui.IndicatorElement + * + * @constructor + * @param {Mixed} data Option data + * @param {Object} [config] Configuration options + */ +OO.ui.DecoratedOptionWidget = function OoUiDecoratedOptionWidget( data, config ) { + // Parent constructor + OO.ui.DecoratedOptionWidget.super.call( this, data, config ); + + // Mixin constructors + OO.ui.IconElement.call( this, config ); + OO.ui.IndicatorElement.call( this, config ); + + // Initialization + this.$element + .addClass( 'oo-ui-decoratedOptionWidget' ) + .prepend( this.$icon ) + .append( this.$indicator ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.DecoratedOptionWidget, OO.ui.OptionWidget ); +OO.mixinClass( OO.ui.OptionWidget, OO.ui.IconElement ); +OO.mixinClass( OO.ui.OptionWidget, OO.ui.IndicatorElement ); + +/** + * Option widget that looks like a button. + * + * Use together with OO.ui.ButtonSelectWidget. + * + * @class + * @extends OO.ui.DecoratedOptionWidget + * @mixins OO.ui.ButtonElement + * + * @constructor + * @param {Mixed} data Option data + * @param {Object} [config] Configuration options + */ +OO.ui.ButtonOptionWidget = function OoUiButtonOptionWidget( data, config ) { + // Parent constructor + OO.ui.ButtonOptionWidget.super.call( this, data, config ); + + // Mixin constructors + OO.ui.ButtonElement.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-buttonOptionWidget' ); + this.$button.append( this.$element.contents() ); + this.$element.append( this.$button ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ButtonOptionWidget, OO.ui.DecoratedOptionWidget ); +OO.mixinClass( OO.ui.ButtonOptionWidget, OO.ui.ButtonElement ); + +/* Static Properties */ + +// Allow button mouse down events to pass through so they can be handled by the parent select widget +OO.ui.ButtonOptionWidget.static.cancelButtonMouseDownEvents = false; + +/* Methods */ + +/** + * @inheritdoc + */ +OO.ui.ButtonOptionWidget.prototype.setSelected = function ( state ) { + OO.ui.ButtonOptionWidget.super.prototype.setSelected.call( this, state ); + + if ( this.constructor.static.selectable ) { + this.setActive( state ); + } + + return this; +}; + +/** + * Item of an OO.ui.MenuWidget. + * + * @class + * @extends OO.ui.DecoratedOptionWidget + * + * @constructor + * @param {Mixed} data Item data + * @param {Object} [config] Configuration options + */ +OO.ui.MenuItemWidget = function OoUiMenuItemWidget( data, config ) { + // Configuration initialization + config = $.extend( { icon: 'check' }, config ); + + // Parent constructor + OO.ui.MenuItemWidget.super.call( this, data, config ); + + // Initialization + this.$element + .attr( 'role', 'menuitem' ) + .addClass( 'oo-ui-menuItemWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.MenuItemWidget, OO.ui.DecoratedOptionWidget ); + +/** + * Section to group one or more items in a OO.ui.MenuWidget. + * + * @class + * @extends OO.ui.DecoratedOptionWidget + * + * @constructor + * @param {Mixed} data Item data + * @param {Object} [config] Configuration options + */ +OO.ui.MenuSectionItemWidget = function OoUiMenuSectionItemWidget( data, config ) { + // Parent constructor + OO.ui.MenuSectionItemWidget.super.call( this, data, config ); + + // Initialization + this.$element.addClass( 'oo-ui-menuSectionItemWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.MenuSectionItemWidget, OO.ui.DecoratedOptionWidget ); + +/* Static Properties */ + +OO.ui.MenuSectionItemWidget.static.selectable = false; + +OO.ui.MenuSectionItemWidget.static.highlightable = false; + +/** + * Items for an OO.ui.OutlineWidget. + * + * @class + * @extends OO.ui.DecoratedOptionWidget + * + * @constructor + * @param {Mixed} data Item data + * @param {Object} [config] Configuration options + * @cfg {number} [level] Indentation level + * @cfg {boolean} [movable] Allow modification from outline controls + */ +OO.ui.OutlineItemWidget = function OoUiOutlineItemWidget( data, config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.OutlineItemWidget.super.call( this, data, config ); + + // Properties + this.level = 0; + this.movable = !!config.movable; + this.removable = !!config.removable; + + // Initialization + this.$element.addClass( 'oo-ui-outlineItemWidget' ); + this.setLevel( config.level ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.OutlineItemWidget, OO.ui.DecoratedOptionWidget ); + +/* Static Properties */ + +OO.ui.OutlineItemWidget.static.highlightable = false; + +OO.ui.OutlineItemWidget.static.scrollIntoViewOnSelect = true; + +OO.ui.OutlineItemWidget.static.levelClass = 'oo-ui-outlineItemWidget-level-'; + +OO.ui.OutlineItemWidget.static.levels = 3; + +/* Methods */ + +/** + * Check if item is movable. + * + * Movablilty is used by outline controls. + * + * @return {boolean} Item is movable + */ +OO.ui.OutlineItemWidget.prototype.isMovable = function () { + return this.movable; +}; + +/** + * Check if item is removable. + * + * Removablilty is used by outline controls. + * + * @return {boolean} Item is removable + */ +OO.ui.OutlineItemWidget.prototype.isRemovable = function () { + return this.removable; +}; + +/** + * Get indentation level. + * + * @return {number} Indentation level + */ +OO.ui.OutlineItemWidget.prototype.getLevel = function () { + return this.level; +}; + +/** + * Set movability. + * + * Movablilty is used by outline controls. + * + * @param {boolean} movable Item is movable + * @chainable + */ +OO.ui.OutlineItemWidget.prototype.setMovable = function ( movable ) { + this.movable = !!movable; + return this; +}; + +/** + * Set removability. + * + * Removablilty is used by outline controls. + * + * @param {boolean} movable Item is removable + * @chainable + */ +OO.ui.OutlineItemWidget.prototype.setRemovable = function ( removable ) { + this.removable = !!removable; + return this; +}; + +/** + * Set indentation level. + * + * @param {number} [level=0] Indentation level, in the range of [0,#maxLevel] + * @chainable + */ +OO.ui.OutlineItemWidget.prototype.setLevel = function ( level ) { + var levels = this.constructor.static.levels, + levelClass = this.constructor.static.levelClass, + i = levels; + + this.level = level ? Math.max( 0, Math.min( levels - 1, level ) ) : 0; + while ( i-- ) { + if ( this.level === i ) { + this.$element.addClass( levelClass + i ); + } else { + this.$element.removeClass( levelClass + i ); + } + } + + return this; +}; + +/** + * Container for content that is overlaid and positioned absolutely. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.LabelElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {number} [width=320] Width of popup in pixels + * @cfg {number} [height] Height of popup, omit to use automatic height + * @cfg {boolean} [anchor=true] Show anchor pointing to origin of popup + * @cfg {string} [align='center'] Alignment of popup to origin + * @cfg {jQuery} [$container] Container to prevent popup from rendering outside of + * @cfg {jQuery} [$content] Content to append to the popup's body + * @cfg {boolean} [autoClose=false] Popup auto-closes when it loses focus + * @cfg {jQuery} [$autoCloseIgnore] Elements to not auto close when clicked + * @cfg {boolean} [head] Show label and close button at the top + * @cfg {boolean} [padded] Add padding to the body + */ +OO.ui.PopupWidget = function OoUiPopupWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.PopupWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.LabelElement.call( this, config ); + OO.ui.ClippableElement.call( this, config ); + + // Properties + this.visible = false; + this.$popup = this.$( '<div>' ); + this.$head = this.$( '<div>' ); + this.$body = this.$( '<div>' ); + this.$anchor = this.$( '<div>' ); + this.$container = config.$container; // If undefined, will be computed lazily in updateDimensions() + this.autoClose = !!config.autoClose; + this.$autoCloseIgnore = config.$autoCloseIgnore; + this.transitionTimeout = null; + this.anchor = null; + this.width = config.width !== undefined ? config.width : 320; + this.height = config.height !== undefined ? config.height : null; + this.align = config.align || 'center'; + this.closeButton = new OO.ui.ButtonWidget( { $: this.$, framed: false, icon: 'close' } ); + this.onMouseDownHandler = OO.ui.bind( this.onMouseDown, this ); + + // Events + this.closeButton.connect( this, { click: 'onCloseButtonClick' } ); + + // Initialization + this.toggleAnchor( config.anchor === undefined || config.anchor ); + this.$body.addClass( 'oo-ui-popupWidget-body' ); + this.$anchor.addClass( 'oo-ui-popupWidget-anchor' ); + this.$head + .addClass( 'oo-ui-popupWidget-head' ) + .append( this.$label, this.closeButton.$element ); + if ( !config.head ) { + this.$head.hide(); + } + this.$popup + .addClass( 'oo-ui-popupWidget-popup' ) + .append( this.$head, this.$body ); + this.$element + .hide() + .addClass( 'oo-ui-popupWidget' ) + .append( this.$popup, this.$anchor ); + // Move content, which was added to #$element by OO.ui.Widget, to the body + if ( config.$content instanceof jQuery ) { + this.$body.append( config.$content ); + } + if ( config.padded ) { + this.$body.addClass( 'oo-ui-popupWidget-body-padded' ); + } + this.setClippableElement( this.$body ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.PopupWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.PopupWidget, OO.ui.LabelElement ); +OO.mixinClass( OO.ui.PopupWidget, OO.ui.ClippableElement ); + +/* Events */ + +/** + * @event hide + */ + +/** + * @event show + */ + +/* Methods */ + +/** + * Handles mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.PopupWidget.prototype.onMouseDown = function ( e ) { + if ( + this.isVisible() && + !$.contains( this.$element[0], e.target ) && + ( !this.$autoCloseIgnore || !this.$autoCloseIgnore.has( e.target ).length ) + ) { + this.toggle( false ); + } +}; + +/** + * Bind mouse down listener. + */ +OO.ui.PopupWidget.prototype.bindMouseDownListener = function () { + // Capture clicks outside popup + this.getElementWindow().addEventListener( 'mousedown', this.onMouseDownHandler, true ); +}; + +/** + * Handles close button click events. + */ +OO.ui.PopupWidget.prototype.onCloseButtonClick = function () { + if ( this.isVisible() ) { + this.toggle( false ); + } +}; + +/** + * Unbind mouse down listener. + */ +OO.ui.PopupWidget.prototype.unbindMouseDownListener = function () { + this.getElementWindow().removeEventListener( 'mousedown', this.onMouseDownHandler, true ); +}; + +/** + * Set whether to show a anchor. + * + * @param {boolean} [show] Show anchor, omit to toggle + */ +OO.ui.PopupWidget.prototype.toggleAnchor = function ( show ) { + show = show === undefined ? !this.anchored : !!show; + + if ( this.anchored !== show ) { + if ( show ) { + this.$element.addClass( 'oo-ui-popupWidget-anchored' ); + } else { + this.$element.removeClass( 'oo-ui-popupWidget-anchored' ); + } + this.anchored = show; + } +}; + +/** + * Check if showing a anchor. + * + * @return {boolean} anchor is visible + */ +OO.ui.PopupWidget.prototype.hasAnchor = function () { + return this.anchor; +}; + +/** + * @inheritdoc + */ +OO.ui.PopupWidget.prototype.toggle = function ( show ) { + show = show === undefined ? !this.isVisible() : !!show; + + var change = show !== this.isVisible(); + + // Parent method + OO.ui.PopupWidget.super.prototype.toggle.call( this, show ); + + if ( change ) { + if ( show ) { + if ( this.autoClose ) { + this.bindMouseDownListener(); + } + this.updateDimensions(); + this.toggleClipping( true ); + } else { + this.toggleClipping( false ); + if ( this.autoClose ) { + this.unbindMouseDownListener(); + } + } + } + + return this; +}; + +/** + * Set the size of the popup. + * + * Changing the size may also change the popup's position depending on the alignment. + * + * @param {number} width Width + * @param {number} height Height + * @param {boolean} [transition=false] Use a smooth transition + * @chainable + */ +OO.ui.PopupWidget.prototype.setSize = function ( width, height, transition ) { + this.width = width; + this.height = height !== undefined ? height : null; + if ( this.isVisible() ) { + this.updateDimensions( transition ); + } +}; + +/** + * Update the size and position. + * + * Only use this to keep the popup properly anchored. Use #setSize to change the size, and this will + * be called automatically. + * + * @param {boolean} [transition=false] Use a smooth transition + * @chainable + */ +OO.ui.PopupWidget.prototype.updateDimensions = function ( transition ) { + var popupOffset, originOffset, containerLeft, containerWidth, containerRight, + popupLeft, popupRight, overlapLeft, overlapRight, anchorWidth, + widget = this, + padding = 10; + + if ( !this.$container ) { + // Lazy-initialize $container if not specified in constructor + this.$container = this.$( this.getClosestScrollableElementContainer() ); + } + + // Set height and width before measuring things, since it might cause our measurements + // to change (e.g. due to scrollbars appearing or disappearing) + this.$popup.css( { + width: this.width, + height: this.height !== null ? this.height : 'auto' + } ); + + // Compute initial popupOffset based on alignment + popupOffset = this.width * ( { left: 0, center: -0.5, right: -1 } )[this.align]; + + // Figure out if this will cause the popup to go beyond the edge of the container + originOffset = Math.round( this.$element.offset().left ); + containerLeft = Math.round( this.$container.offset().left ); + containerWidth = this.$container.innerWidth(); + containerRight = containerLeft + containerWidth; + popupLeft = popupOffset - padding; + popupRight = popupOffset + padding + this.width + padding; + overlapLeft = ( originOffset + popupLeft ) - containerLeft; + overlapRight = containerRight - ( originOffset + popupRight ); + + // Adjust offset to make the popup not go beyond the edge, if needed + if ( overlapRight < 0 ) { + popupOffset += overlapRight; + } else if ( overlapLeft < 0 ) { + popupOffset -= overlapLeft; + } + + // Adjust offset to avoid anchor being rendered too close to the edge + anchorWidth = this.$anchor.width(); + if ( this.align === 'right' ) { + popupOffset += anchorWidth; + } else if ( this.align === 'left' ) { + popupOffset -= anchorWidth; + } + + // Prevent transition from being interrupted + clearTimeout( this.transitionTimeout ); + if ( transition ) { + // Enable transition + this.$element.addClass( 'oo-ui-popupWidget-transitioning' ); + } + + // Position body relative to anchor + this.$popup.css( 'left', popupOffset ); + + if ( transition ) { + // Prevent transitioning after transition is complete + this.transitionTimeout = setTimeout( function () { + widget.$element.removeClass( 'oo-ui-popupWidget-transitioning' ); + }, 200 ); + } else { + // Prevent transitioning immediately + this.$element.removeClass( 'oo-ui-popupWidget-transitioning' ); + } + + return this; +}; + +/** + * Search widget. + * + * Search widgets combine a query input, placed above, and a results selection widget, placed below. + * Results are cleared and populated each time the query is changed. + * + * @class + * @extends OO.ui.Widget + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {string|jQuery} [placeholder] Placeholder text for query input + * @cfg {string} [value] Initial query value + */ +OO.ui.SearchWidget = function OoUiSearchWidget( config ) { + // Configuration intialization + config = config || {}; + + // Parent constructor + OO.ui.SearchWidget.super.call( this, config ); + + // Properties + this.query = new OO.ui.TextInputWidget( { + $: this.$, + icon: 'search', + placeholder: config.placeholder, + value: config.value + } ); + this.results = new OO.ui.SelectWidget( { $: this.$ } ); + this.$query = this.$( '<div>' ); + this.$results = this.$( '<div>' ); + + // Events + this.query.connect( this, { + change: 'onQueryChange', + enter: 'onQueryEnter' + } ); + this.results.connect( this, { + highlight: 'onResultsHighlight', + select: 'onResultsSelect' + } ); + this.query.$input.on( 'keydown', OO.ui.bind( this.onQueryKeydown, this ) ); + + // Initialization + this.$query + .addClass( 'oo-ui-searchWidget-query' ) + .append( this.query.$element ); + this.$results + .addClass( 'oo-ui-searchWidget-results' ) + .append( this.results.$element ); + this.$element + .addClass( 'oo-ui-searchWidget' ) + .append( this.$results, this.$query ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.SearchWidget, OO.ui.Widget ); + +/* Events */ + +/** + * @event highlight + * @param {Object|null} item Item data or null if no item is highlighted + */ + +/** + * @event select + * @param {Object|null} item Item data or null if no item is selected + */ + +/* Methods */ + +/** + * Handle query key down events. + * + * @param {jQuery.Event} e Key down event + */ +OO.ui.SearchWidget.prototype.onQueryKeydown = function ( e ) { + var highlightedItem, nextItem, + dir = e.which === OO.ui.Keys.DOWN ? 1 : ( e.which === OO.ui.Keys.UP ? -1 : 0 ); + + if ( dir ) { + highlightedItem = this.results.getHighlightedItem(); + if ( !highlightedItem ) { + highlightedItem = this.results.getSelectedItem(); + } + nextItem = this.results.getRelativeSelectableItem( highlightedItem, dir ); + this.results.highlightItem( nextItem ); + nextItem.scrollElementIntoView(); + } +}; + +/** + * Handle select widget select events. + * + * Clears existing results. Subclasses should repopulate items according to new query. + * + * @param {string} value New value + */ +OO.ui.SearchWidget.prototype.onQueryChange = function () { + // Reset + this.results.clearItems(); +}; + +/** + * Handle select widget enter key events. + * + * Selects highlighted item. + * + * @param {string} value New value + */ +OO.ui.SearchWidget.prototype.onQueryEnter = function () { + // Reset + this.results.selectItem( this.results.getHighlightedItem() ); +}; + +/** + * Handle select widget highlight events. + * + * @param {OO.ui.OptionWidget} item Highlighted item + * @fires highlight + */ +OO.ui.SearchWidget.prototype.onResultsHighlight = function ( item ) { + this.emit( 'highlight', item ? item.getData() : null ); +}; + +/** + * Handle select widget select events. + * + * @param {OO.ui.OptionWidget} item Selected item + * @fires select + */ +OO.ui.SearchWidget.prototype.onResultsSelect = function ( item ) { + this.emit( 'select', item ? item.getData() : null ); +}; + +/** + * Get the query input. + * + * @return {OO.ui.TextInputWidget} Query input + */ +OO.ui.SearchWidget.prototype.getQuery = function () { + return this.query; +}; + +/** + * Get the results list. + * + * @return {OO.ui.SelectWidget} Select list + */ +OO.ui.SearchWidget.prototype.getResults = function () { + return this.results; +}; + +/** + * Generic selection of options. + * + * Items can contain any rendering, and are uniquely identified by a has of thier data. Any widget + * that provides options, from which the user must choose one, should be built on this class. + * + * Use together with OO.ui.OptionWidget. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.GroupElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {OO.ui.OptionWidget[]} [items] Options to add + */ +OO.ui.SelectWidget = function OoUiSelectWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.SelectWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.GroupWidget.call( this, $.extend( {}, config, { $group: this.$element } ) ); + + // Properties + this.pressed = false; + this.selecting = null; + this.hashes = {}; + this.onMouseUpHandler = OO.ui.bind( this.onMouseUp, this ); + this.onMouseMoveHandler = OO.ui.bind( this.onMouseMove, this ); + + // Events + this.$element.on( { + mousedown: OO.ui.bind( this.onMouseDown, this ), + mouseover: OO.ui.bind( this.onMouseOver, this ), + mouseleave: OO.ui.bind( this.onMouseLeave, this ) + } ); + + // Initialization + this.$element.addClass( 'oo-ui-selectWidget oo-ui-selectWidget-depressed' ); + if ( $.isArray( config.items ) ) { + this.addItems( config.items ); + } +}; + +/* Setup */ + +OO.inheritClass( OO.ui.SelectWidget, OO.ui.Widget ); + +// Need to mixin base class as well +OO.mixinClass( OO.ui.SelectWidget, OO.ui.GroupElement ); +OO.mixinClass( OO.ui.SelectWidget, OO.ui.GroupWidget ); + +/* Events */ + +/** + * @event highlight + * @param {OO.ui.OptionWidget|null} item Highlighted item + */ + +/** + * @event press + * @param {OO.ui.OptionWidget|null} item Pressed item + */ + +/** + * @event select + * @param {OO.ui.OptionWidget|null} item Selected item + */ + +/** + * @event choose + * @param {OO.ui.OptionWidget|null} item Chosen item + */ + +/** + * @event add + * @param {OO.ui.OptionWidget[]} items Added items + * @param {number} index Index items were added at + */ + +/** + * @event remove + * @param {OO.ui.OptionWidget[]} items Removed items + */ + +/* Methods */ + +/** + * Handle mouse down events. + * + * @private + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.SelectWidget.prototype.onMouseDown = function ( e ) { + var item; + + if ( !this.isDisabled() && e.which === 1 ) { + this.togglePressed( true ); + item = this.getTargetItem( e ); + if ( item && item.isSelectable() ) { + this.pressItem( item ); + this.selecting = item; + this.getElementDocument().addEventListener( + 'mouseup', + this.onMouseUpHandler, + true + ); + this.getElementDocument().addEventListener( + 'mousemove', + this.onMouseMoveHandler, + true + ); + } + } + return false; +}; + +/** + * Handle mouse up events. + * + * @private + * @param {jQuery.Event} e Mouse up event + */ +OO.ui.SelectWidget.prototype.onMouseUp = function ( e ) { + var item; + + this.togglePressed( false ); + if ( !this.selecting ) { + item = this.getTargetItem( e ); + if ( item && item.isSelectable() ) { + this.selecting = item; + } + } + if ( !this.isDisabled() && e.which === 1 && this.selecting ) { + this.pressItem( null ); + this.chooseItem( this.selecting ); + this.selecting = null; + } + + this.getElementDocument().removeEventListener( + 'mouseup', + this.onMouseUpHandler, + true + ); + this.getElementDocument().removeEventListener( + 'mousemove', + this.onMouseMoveHandler, + true + ); + + return false; +}; + +/** + * Handle mouse move events. + * + * @private + * @param {jQuery.Event} e Mouse move event + */ +OO.ui.SelectWidget.prototype.onMouseMove = function ( e ) { + var item; + + if ( !this.isDisabled() && this.pressed ) { + item = this.getTargetItem( e ); + if ( item && item !== this.selecting && item.isSelectable() ) { + this.pressItem( item ); + this.selecting = item; + } + } + return false; +}; + +/** + * Handle mouse over events. + * + * @private + * @param {jQuery.Event} e Mouse over event + */ +OO.ui.SelectWidget.prototype.onMouseOver = function ( e ) { + var item; + + if ( !this.isDisabled() ) { + item = this.getTargetItem( e ); + this.highlightItem( item && item.isHighlightable() ? item : null ); + } + return false; +}; + +/** + * Handle mouse leave events. + * + * @private + * @param {jQuery.Event} e Mouse over event + */ +OO.ui.SelectWidget.prototype.onMouseLeave = function () { + if ( !this.isDisabled() ) { + this.highlightItem( null ); + } + return false; +}; + +/** + * Get the closest item to a jQuery.Event. + * + * @private + * @param {jQuery.Event} e + * @return {OO.ui.OptionWidget|null} Outline item widget, `null` if none was found + */ +OO.ui.SelectWidget.prototype.getTargetItem = function ( e ) { + var $item = this.$( e.target ).closest( '.oo-ui-optionWidget' ); + if ( $item.length ) { + return $item.data( 'oo-ui-optionWidget' ); + } + return null; +}; + +/** + * Get selected item. + * + * @return {OO.ui.OptionWidget|null} Selected item, `null` if no item is selected + */ +OO.ui.SelectWidget.prototype.getSelectedItem = function () { + var i, len; + + for ( i = 0, len = this.items.length; i < len; i++ ) { + if ( this.items[i].isSelected() ) { + return this.items[i]; + } + } + return null; +}; + +/** + * Get highlighted item. + * + * @return {OO.ui.OptionWidget|null} Highlighted item, `null` if no item is highlighted + */ +OO.ui.SelectWidget.prototype.getHighlightedItem = function () { + var i, len; + + for ( i = 0, len = this.items.length; i < len; i++ ) { + if ( this.items[i].isHighlighted() ) { + return this.items[i]; + } + } + return null; +}; + +/** + * Get an existing item with equivilant data. + * + * @param {Object} data Item data to search for + * @return {OO.ui.OptionWidget|null} Item with equivilent value, `null` if none exists + */ +OO.ui.SelectWidget.prototype.getItemFromData = function ( data ) { + var hash = OO.getHash( data ); + + if ( hash in this.hashes ) { + return this.hashes[hash]; + } + + return null; +}; + +/** + * Toggle pressed state. + * + * @param {boolean} pressed An option is being pressed + */ +OO.ui.SelectWidget.prototype.togglePressed = function ( pressed ) { + if ( pressed === undefined ) { + pressed = !this.pressed; + } + if ( pressed !== this.pressed ) { + this.$element + .toggleClass( 'oo-ui-selectWidget-pressed', pressed ) + .toggleClass( 'oo-ui-selectWidget-depressed', !pressed ); + this.pressed = pressed; + } +}; + +/** + * Highlight an item. + * + * Highlighting is mutually exclusive. + * + * @param {OO.ui.OptionWidget} [item] Item to highlight, omit to deselect all + * @fires highlight + * @chainable + */ +OO.ui.SelectWidget.prototype.highlightItem = function ( item ) { + var i, len, highlighted, + changed = false; + + for ( i = 0, len = this.items.length; i < len; i++ ) { + highlighted = this.items[i] === item; + if ( this.items[i].isHighlighted() !== highlighted ) { + this.items[i].setHighlighted( highlighted ); + changed = true; + } + } + if ( changed ) { + this.emit( 'highlight', item ); + } + + return this; +}; + +/** + * Select an item. + * + * @param {OO.ui.OptionWidget} [item] Item to select, omit to deselect all + * @fires select + * @chainable + */ +OO.ui.SelectWidget.prototype.selectItem = function ( item ) { + var i, len, selected, + changed = false; + + for ( i = 0, len = this.items.length; i < len; i++ ) { + selected = this.items[i] === item; + if ( this.items[i].isSelected() !== selected ) { + this.items[i].setSelected( selected ); + changed = true; + } + } + if ( changed ) { + this.emit( 'select', item ); + } + + return this; +}; + +/** + * Press an item. + * + * @param {OO.ui.OptionWidget} [item] Item to press, omit to depress all + * @fires press + * @chainable + */ +OO.ui.SelectWidget.prototype.pressItem = function ( item ) { + var i, len, pressed, + changed = false; + + for ( i = 0, len = this.items.length; i < len; i++ ) { + pressed = this.items[i] === item; + if ( this.items[i].isPressed() !== pressed ) { + this.items[i].setPressed( pressed ); + changed = true; + } + } + if ( changed ) { + this.emit( 'press', item ); + } + + return this; +}; + +/** + * Choose an item. + * + * Identical to #selectItem, but may vary in subclasses that want to take additional action when + * an item is selected using the keyboard or mouse. + * + * @param {OO.ui.OptionWidget} item Item to choose + * @fires choose + * @chainable + */ +OO.ui.SelectWidget.prototype.chooseItem = function ( item ) { + this.selectItem( item ); + this.emit( 'choose', item ); + + return this; +}; + +/** + * Get an item relative to another one. + * + * @param {OO.ui.OptionWidget} item Item to start at + * @param {number} direction Direction to move in + * @return {OO.ui.OptionWidget|null} Item at position, `null` if there are no items in the menu + */ +OO.ui.SelectWidget.prototype.getRelativeSelectableItem = function ( item, direction ) { + var inc = direction > 0 ? 1 : -1, + len = this.items.length, + index = item instanceof OO.ui.OptionWidget ? + $.inArray( item, this.items ) : ( inc > 0 ? -1 : 0 ), + stopAt = Math.max( Math.min( index, len - 1 ), 0 ), + i = inc > 0 ? + // Default to 0 instead of -1, if nothing is selected let's start at the beginning + Math.max( index, -1 ) : + // Default to n-1 instead of -1, if nothing is selected let's start at the end + Math.min( index, len ); + + while ( true ) { + i = ( i + inc + len ) % len; + item = this.items[i]; + if ( item instanceof OO.ui.OptionWidget && item.isSelectable() ) { + return item; + } + // Stop iterating when we've looped all the way around + if ( i === stopAt ) { + break; + } + } + return null; +}; + +/** + * Get the next selectable item. + * + * @return {OO.ui.OptionWidget|null} Item, `null` if ther aren't any selectable items + */ +OO.ui.SelectWidget.prototype.getFirstSelectableItem = function () { + var i, len, item; + + for ( i = 0, len = this.items.length; i < len; i++ ) { + item = this.items[i]; + if ( item instanceof OO.ui.OptionWidget && item.isSelectable() ) { + return item; + } + } + + return null; +}; + +/** + * Add items. + * + * When items are added with the same values as existing items, the existing items will be + * automatically removed before the new items are added. + * + * @param {OO.ui.OptionWidget[]} items Items to add + * @param {number} [index] Index to insert items after + * @fires add + * @chainable + */ +OO.ui.SelectWidget.prototype.addItems = function ( items, index ) { + var i, len, item, hash, + remove = []; + + for ( i = 0, len = items.length; i < len; i++ ) { + item = items[i]; + hash = OO.getHash( item.getData() ); + if ( hash in this.hashes ) { + // Remove item with same value + remove.push( this.hashes[hash] ); + } + this.hashes[hash] = item; + } + if ( remove.length ) { + this.removeItems( remove ); + } + + // Mixin method + OO.ui.GroupWidget.prototype.addItems.call( this, items, index ); + + // Always provide an index, even if it was omitted + this.emit( 'add', items, index === undefined ? this.items.length - items.length - 1 : index ); + + return this; +}; + +/** + * Remove items. + * + * Items will be detached, not removed, so they can be used later. + * + * @param {OO.ui.OptionWidget[]} items Items to remove + * @fires remove + * @chainable + */ +OO.ui.SelectWidget.prototype.removeItems = function ( items ) { + var i, len, item, hash; + + for ( i = 0, len = items.length; i < len; i++ ) { + item = items[i]; + hash = OO.getHash( item.getData() ); + if ( hash in this.hashes ) { + // Remove existing item + delete this.hashes[hash]; + } + if ( item.isSelected() ) { + this.selectItem( null ); + } + } + + // Mixin method + OO.ui.GroupWidget.prototype.removeItems.call( this, items ); + + this.emit( 'remove', items ); + + return this; +}; + +/** + * Clear all items. + * + * Items will be detached, not removed, so they can be used later. + * + * @fires remove + * @chainable + */ +OO.ui.SelectWidget.prototype.clearItems = function () { + var items = this.items.slice(); + + // Clear all items + this.hashes = {}; + // Mixin method + OO.ui.GroupWidget.prototype.clearItems.call( this ); + this.selectItem( null ); + + this.emit( 'remove', items ); + + return this; +}; + +/** + * Select widget containing button options. + * + * Use together with OO.ui.ButtonOptionWidget. + * + * @class + * @extends OO.ui.SelectWidget + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.ButtonSelectWidget = function OoUiButtonSelectWidget( config ) { + // Parent constructor + OO.ui.ButtonSelectWidget.super.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-buttonSelectWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ButtonSelectWidget, OO.ui.SelectWidget ); + +/** + * Overlaid menu of options. + * + * Menus are clipped to the visible viewport. They do not provide a control for opening or closing + * the menu. + * + * Use together with OO.ui.MenuItemWidget. + * + * @class + * @extends OO.ui.SelectWidget + * @mixins OO.ui.ClippableElement + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {OO.ui.InputWidget} [input] Input to bind keyboard handlers to + * @cfg {OO.ui.Widget} [widget] Widget to bind mouse handlers to + * @cfg {boolean} [autoHide=true] Hide the menu when the mouse is pressed outside the menu + */ +OO.ui.MenuWidget = function OoUiMenuWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.MenuWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.ClippableElement.call( this, $.extend( {}, config, { $clippable: this.$group } ) ); + + // Properties + this.flashing = false; + this.visible = false; + this.newItems = null; + this.autoHide = config.autoHide === undefined || !!config.autoHide; + this.$input = config.input ? config.input.$input : null; + this.$widget = config.widget ? config.widget.$element : null; + this.$previousFocus = null; + this.isolated = !config.input; + this.onKeyDownHandler = OO.ui.bind( this.onKeyDown, this ); + this.onDocumentMouseDownHandler = OO.ui.bind( this.onDocumentMouseDown, this ); + + // Initialization + this.$element + .hide() + .attr( 'role', 'menu' ) + .addClass( 'oo-ui-menuWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.MenuWidget, OO.ui.SelectWidget ); +OO.mixinClass( OO.ui.MenuWidget, OO.ui.ClippableElement ); + +/* Methods */ + +/** + * Handles document mouse down events. + * + * @param {jQuery.Event} e Key down event + */ +OO.ui.MenuWidget.prototype.onDocumentMouseDown = function ( e ) { + if ( !$.contains( this.$element[0], e.target ) && ( !this.$widget || !$.contains( this.$widget[0], e.target ) ) ) { + this.toggle( false ); + } +}; + +/** + * Handles key down events. + * + * @param {jQuery.Event} e Key down event + */ +OO.ui.MenuWidget.prototype.onKeyDown = function ( e ) { + var nextItem, + handled = false, + highlightItem = this.getHighlightedItem(); + + if ( !this.isDisabled() && this.isVisible() ) { + if ( !highlightItem ) { + highlightItem = this.getSelectedItem(); + } + switch ( e.keyCode ) { + case OO.ui.Keys.ENTER: + this.chooseItem( highlightItem ); + handled = true; + break; + case OO.ui.Keys.UP: + nextItem = this.getRelativeSelectableItem( highlightItem, -1 ); + handled = true; + break; + case OO.ui.Keys.DOWN: + nextItem = this.getRelativeSelectableItem( highlightItem, 1 ); + handled = true; + break; + case OO.ui.Keys.ESCAPE: + if ( highlightItem ) { + highlightItem.setHighlighted( false ); + } + this.toggle( false ); + handled = true; + break; + } + + if ( nextItem ) { + this.highlightItem( nextItem ); + nextItem.scrollElementIntoView(); + } + + if ( handled ) { + e.preventDefault(); + e.stopPropagation(); + return false; + } + } +}; + +/** + * Bind key down listener. + */ +OO.ui.MenuWidget.prototype.bindKeyDownListener = function () { + if ( this.$input ) { + this.$input.on( 'keydown', this.onKeyDownHandler ); + } else { + // Capture menu navigation keys + this.getElementWindow().addEventListener( 'keydown', this.onKeyDownHandler, true ); + } +}; + +/** + * Unbind key down listener. + */ +OO.ui.MenuWidget.prototype.unbindKeyDownListener = function () { + if ( this.$input ) { + this.$input.off( 'keydown' ); + } else { + this.getElementWindow().removeEventListener( 'keydown', this.onKeyDownHandler, true ); + } +}; + +/** + * Choose an item. + * + * This will close the menu when done, unlike selectItem which only changes selection. + * + * @param {OO.ui.OptionWidget} item Item to choose + * @chainable + */ +OO.ui.MenuWidget.prototype.chooseItem = function ( item ) { + var widget = this; + + // Parent method + OO.ui.MenuWidget.super.prototype.chooseItem.call( this, item ); + + if ( item && !this.flashing ) { + this.flashing = true; + item.flash().done( function () { + widget.toggle( false ); + widget.flashing = false; + } ); + } else { + this.toggle( false ); + } + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.MenuWidget.prototype.addItems = function ( items, index ) { + var i, len, item; + + // Parent method + OO.ui.MenuWidget.super.prototype.addItems.call( this, items, index ); + + // Auto-initialize + if ( !this.newItems ) { + this.newItems = []; + } + + for ( i = 0, len = items.length; i < len; i++ ) { + item = items[i]; + if ( this.isVisible() ) { + // Defer fitting label until item has been attached + item.fitLabel(); + } else { + this.newItems.push( item ); + } + } + + // Reevaluate clipping + this.clip(); + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.MenuWidget.prototype.removeItems = function ( items ) { + // Parent method + OO.ui.MenuWidget.super.prototype.removeItems.call( this, items ); + + // Reevaluate clipping + this.clip(); + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.MenuWidget.prototype.clearItems = function () { + // Parent method + OO.ui.MenuWidget.super.prototype.clearItems.call( this ); + + // Reevaluate clipping + this.clip(); + + return this; +}; + +/** + * @inheritdoc + */ +OO.ui.MenuWidget.prototype.toggle = function ( visible ) { + visible = ( visible === undefined ? !this.visible : !!visible ) && !!this.items.length; + + var i, len, + change = visible !== this.isVisible(); + + // Parent method + OO.ui.MenuWidget.super.prototype.toggle.call( this, visible ); + + if ( change ) { + if ( visible ) { + this.bindKeyDownListener(); + + // Change focus to enable keyboard navigation + if ( this.isolated && this.$input && !this.$input.is( ':focus' ) ) { + this.$previousFocus = this.$( ':focus' ); + this.$input[0].focus(); + } + if ( this.newItems && this.newItems.length ) { + for ( i = 0, len = this.newItems.length; i < len; i++ ) { + this.newItems[i].fitLabel(); + } + this.newItems = null; + } + this.toggleClipping( true ); + + // Auto-hide + if ( this.autoHide ) { + this.getElementDocument().addEventListener( + 'mousedown', this.onDocumentMouseDownHandler, true + ); + } + } else { + this.unbindKeyDownListener(); + if ( this.isolated && this.$previousFocus ) { + this.$previousFocus[0].focus(); + this.$previousFocus = null; + } + this.getElementDocument().removeEventListener( + 'mousedown', this.onDocumentMouseDownHandler, true + ); + this.toggleClipping( false ); + } + } + + return this; +}; + +/** + * Menu for a text input widget. + * + * This menu is specially designed to be positioned beneath the text input widget. Even if the input + * is in a different frame, the menu's position is automatically calulated and maintained when the + * menu is toggled or the window is resized. + * + * @class + * @extends OO.ui.MenuWidget + * + * @constructor + * @param {OO.ui.TextInputWidget} input Text input widget to provide menu for + * @param {Object} [config] Configuration options + * @cfg {jQuery} [$container=input.$element] Element to render menu under + */ +OO.ui.TextInputMenuWidget = function OoUiTextInputMenuWidget( input, config ) { + // Parent constructor + OO.ui.TextInputMenuWidget.super.call( this, config ); + + // Properties + this.input = input; + this.$container = config.$container || this.input.$element; + this.onWindowResizeHandler = OO.ui.bind( this.onWindowResize, this ); + + // Initialization + this.$element.addClass( 'oo-ui-textInputMenuWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.TextInputMenuWidget, OO.ui.MenuWidget ); + +/* Methods */ + +/** + * Handle window resize event. + * + * @param {jQuery.Event} e Window resize event + */ +OO.ui.TextInputMenuWidget.prototype.onWindowResize = function () { + this.position(); +}; + +/** + * @inheritdoc + */ +OO.ui.TextInputMenuWidget.prototype.toggle = function ( visible ) { + visible = !!visible; + + var change = visible !== this.isVisible(); + + if ( change && visible ) { + // Make sure the width is set before the parent method runs. + // After this we have to call this.position(); again to actually + // position ourselves correctly. + this.position(); + } + + // Parent method + OO.ui.TextInputMenuWidget.super.prototype.toggle.call( this, visible ); + + if ( change ) { + if ( this.isVisible() ) { + this.position(); + this.$( this.getElementWindow() ).on( 'resize', this.onWindowResizeHandler ); + } else { + this.$( this.getElementWindow() ).off( 'resize', this.onWindowResizeHandler ); + } + } + + return this; +}; + +/** + * Position the menu. + * + * @chainable + */ +OO.ui.TextInputMenuWidget.prototype.position = function () { + var frameOffset, + $container = this.$container, + dimensions = $container.offset(); + + // Position under input + dimensions.top += $container.height(); + + // Compensate for frame position if in a differnt frame + if ( this.input.$.$iframe && this.input.$.context !== this.$element[0].ownerDocument ) { + frameOffset = OO.ui.Element.getRelativePosition( + this.input.$.$iframe, this.$element.offsetParent() + ); + dimensions.left += frameOffset.left; + dimensions.top += frameOffset.top; + } else { + // Fix for RTL (for some reason, no need to fix if the frameoffset is set) + if ( this.$element.css( 'direction' ) === 'rtl' ) { + dimensions.right = this.$element.parent().position().left - + $container.width() - dimensions.left; + // Erase the value for 'left': + delete dimensions.left; + } + } + this.$element.css( dimensions ); + this.setIdealSize( $container.width() ); + // We updated the position, so re-evaluate the clipping state + this.clip(); + + return this; +}; + +/** + * Structured list of items. + * + * Use with OO.ui.OutlineItemWidget. + * + * @class + * @extends OO.ui.SelectWidget + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.OutlineWidget = function OoUiOutlineWidget( config ) { + // Config intialization + config = config || {}; + + // Parent constructor + OO.ui.OutlineWidget.super.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-outlineWidget' ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.OutlineWidget, OO.ui.SelectWidget ); + +/** + * Switch that slides on and off. + * + * @class + * @extends OO.ui.Widget + * @mixins OO.ui.ToggleWidget + * + * @constructor + * @param {Object} [config] Configuration options + * @cfg {boolean} [value=false] Initial value + */ +OO.ui.ToggleSwitchWidget = function OoUiToggleSwitchWidget( config ) { + // Parent constructor + OO.ui.ToggleSwitchWidget.super.call( this, config ); + + // Mixin constructors + OO.ui.ToggleWidget.call( this, config ); + + // Properties + this.dragging = false; + this.dragStart = null; + this.sliding = false; + this.$glow = this.$( '<span>' ); + this.$grip = this.$( '<span>' ); + + // Events + this.$element.on( 'click', OO.ui.bind( this.onClick, this ) ); + + // Initialization + this.$glow.addClass( 'oo-ui-toggleSwitchWidget-glow' ); + this.$grip.addClass( 'oo-ui-toggleSwitchWidget-grip' ); + this.$element + .addClass( 'oo-ui-toggleSwitchWidget' ) + .append( this.$glow, this.$grip ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.ToggleSwitchWidget, OO.ui.Widget ); +OO.mixinClass( OO.ui.ToggleSwitchWidget, OO.ui.ToggleWidget ); + +/* Methods */ + +/** + * Handle mouse down events. + * + * @param {jQuery.Event} e Mouse down event + */ +OO.ui.ToggleSwitchWidget.prototype.onClick = function ( e ) { + if ( !this.isDisabled() && e.which === 1 ) { + this.setValue( !this.value ); + } +}; + +}( OO ) ); diff --git a/resources/lib/oojs-ui/oojs-ui.rtl.css b/resources/lib/oojs-ui/oojs-ui.rtl.css new file mode 100644 index 00000000..7f1fa344 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui.rtl.css @@ -0,0 +1,112 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-11T19:39:50Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +.oo-ui-icon-add-item { + background-image: /* @embed */ url(images/icons/add-item.png); +} +.oo-ui-icon-advanced { + background-image: /* @embed */ url(images/icons/advanced.png); +} +.oo-ui-icon-alert { + background-image: /* @embed */ url(images/icons/alert.png); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(images/icons/check.png); +} +.oo-ui-icon-clear { + background-image: /* @embed */ url(images/icons/clear.png); +} +.oo-ui-icon-close { + background-image: /* @embed */ url(images/icons/close.png); +} +.oo-ui-icon-code { + background-image: /* @embed */ url(images/icons/code.png); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ url(images/icons/collapse.png); +} +.oo-ui-icon-comment { + background-image: /* @embed */ url(images/icons/comment.png); +} +.oo-ui-icon-expand { + background-image: /* @embed */ url(images/icons/expand.png); +} +.oo-ui-icon-help { + background-image: /* @embed */ url(images/icons/help.png); +} +.oo-ui-icon-info { + background-image: /* @embed */ url(images/icons/info.png); +} +.oo-ui-icon-link { + background-image: /* @embed */ url(images/icons/link.png); +} +.oo-ui-icon-menu { + background-image: /* @embed */ url(images/icons/menu.png); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(images/icons/move-rtl.png); +} +.oo-ui-icon-picture { + background-image: /* @embed */ url(images/icons/picture.png); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(images/icons/move-ltr.png); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(images/icons/arched-arrow-rtl.png); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(images/icons/remove.png); +} +.oo-ui-icon-search { + background-image: /* @embed */ url(images/icons/search.png); +} +.oo-ui-icon-settings { + background-image: /* @embed */ url(images/icons/settings.png); +} +.oo-ui-icon-tag { + background-image: /* @embed */ url(images/icons/tag.png); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(images/icons/arched-arrow-ltr.png); +} +.oo-ui-icon-window { + background-image: /* @embed */ url(images/icons/window.png); +} +.oo-ui-indicator-alert { + background-image: /* @embed */ url(images/indicators/alert.png); +} +.oo-ui-indicator-down { + background-image: /* @embed */ url(images/indicators/arrow-down.png); +} +.oo-ui-indicator-next { + background-image: /* @embed */ url(images/indicators/arrow-rtl.png); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(images/indicators/arrow-ltr.png); +} +.oo-ui-indicator-required { + background-image: /* @embed */ url(images/indicators/required.png); +} +.oo-ui-indicator-up { + background-image: /* @embed */ url(images/indicators/arrow-up.png); +} +.oo-ui-texture-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-texture-transparency { + background-image: /* @embed */ url(images/textures/transparency.png); +} diff --git a/resources/lib/oojs-ui/oojs-ui.svg.css b/resources/lib/oojs-ui/oojs-ui.svg.css new file mode 100644 index 00000000..aafdff36 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui.svg.css @@ -0,0 +1,112 @@ +/*! + * OOjs UI v0.1.0-pre (f2c3f12959) + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-18T23:22:20Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +.oo-ui-icon-add-item { + background-image: /* @embed */ url(images/icons/add-item.svg); +} +.oo-ui-icon-advanced { + background-image: /* @embed */ url(images/icons/advanced.svg); +} +.oo-ui-icon-alert { + background-image: /* @embed */ url(images/icons/alert.svg); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(images/icons/check.svg); +} +.oo-ui-icon-clear { + background-image: /* @embed */ url(images/icons/clear.svg); +} +.oo-ui-icon-close { + background-image: /* @embed */ url(images/icons/close.svg); +} +.oo-ui-icon-code { + background-image: /* @embed */ url(images/icons/code.svg); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ url(images/icons/collapse.svg); +} +.oo-ui-icon-comment { + background-image: /* @embed */ url(images/icons/comment.svg); +} +.oo-ui-icon-expand { + background-image: /* @embed */ url(images/icons/expand.svg); +} +.oo-ui-icon-help { + background-image: /* @embed */ url(images/icons/help.svg); +} +.oo-ui-icon-info { + background-image: /* @embed */ url(images/icons/info.svg); +} +.oo-ui-icon-link { + background-image: /* @embed */ url(images/icons/link.svg); +} +.oo-ui-icon-menu { + background-image: /* @embed */ url(images/icons/menu.svg); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(images/icons/move-ltr.svg); +} +.oo-ui-icon-picture { + background-image: /* @embed */ url(images/icons/picture.svg); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(images/icons/move-rtl.svg); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(images/icons/arched-arrow-ltr.svg); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(images/icons/remove.svg); +} +.oo-ui-icon-search { + background-image: /* @embed */ url(images/icons/search.svg); +} +.oo-ui-icon-settings { + background-image: /* @embed */ url(images/icons/settings.svg); +} +.oo-ui-icon-tag { + background-image: /* @embed */ url(images/icons/tag.svg); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(images/icons/arched-arrow-rtl.svg); +} +.oo-ui-icon-window { + background-image: /* @embed */ url(images/icons/window.svg); +} +.oo-ui-indicator-alert { + background-image: /* @embed */ url(images/indicators/alert.svg); +} +.oo-ui-indicator-down { + background-image: /* @embed */ url(images/indicators/arrow-down.svg); +} +.oo-ui-indicator-next { + background-image: /* @embed */ url(images/indicators/arrow-ltr.svg); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(images/indicators/arrow-rtl.svg); +} +.oo-ui-indicator-required { + background-image: /* @embed */ url(images/indicators/required.svg); +} +.oo-ui-indicator-up { + background-image: /* @embed */ url(images/indicators/arrow-up.svg); +} +.oo-ui-texture-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-texture-transparency { + background-image: /* @embed */ url(images/textures/transparency.svg); +} diff --git a/resources/lib/oojs-ui/oojs-ui.svg.rtl.css b/resources/lib/oojs-ui/oojs-ui.svg.rtl.css new file mode 100644 index 00000000..5a78d6b5 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui.svg.rtl.css @@ -0,0 +1,112 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-11T19:39:50Z + */ +/* + * Blank theme mixins. + * + * Base styles invoke these mixins at the end of their definitions. Override these mixins to add + * additional rules to the base styles. + */ +.oo-ui-icon-add-item { + background-image: /* @embed */ url(images/icons/add-item.svg); +} +.oo-ui-icon-advanced { + background-image: /* @embed */ url(images/icons/advanced.svg); +} +.oo-ui-icon-alert { + background-image: /* @embed */ url(images/icons/alert.svg); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(images/icons/check.svg); +} +.oo-ui-icon-clear { + background-image: /* @embed */ url(images/icons/clear.svg); +} +.oo-ui-icon-close { + background-image: /* @embed */ url(images/icons/close.svg); +} +.oo-ui-icon-code { + background-image: /* @embed */ url(images/icons/code.svg); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ url(images/icons/collapse.svg); +} +.oo-ui-icon-comment { + background-image: /* @embed */ url(images/icons/comment.svg); +} +.oo-ui-icon-expand { + background-image: /* @embed */ url(images/icons/expand.svg); +} +.oo-ui-icon-help { + background-image: /* @embed */ url(images/icons/help.svg); +} +.oo-ui-icon-info { + background-image: /* @embed */ url(images/icons/info.svg); +} +.oo-ui-icon-link { + background-image: /* @embed */ url(images/icons/link.svg); +} +.oo-ui-icon-menu { + background-image: /* @embed */ url(images/icons/menu.svg); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(images/icons/move-rtl.svg); +} +.oo-ui-icon-picture { + background-image: /* @embed */ url(images/icons/picture.svg); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(images/icons/move-ltr.svg); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(images/icons/arched-arrow-rtl.svg); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(images/icons/remove.svg); +} +.oo-ui-icon-search { + background-image: /* @embed */ url(images/icons/search.svg); +} +.oo-ui-icon-settings { + background-image: /* @embed */ url(images/icons/settings.svg); +} +.oo-ui-icon-tag { + background-image: /* @embed */ url(images/icons/tag.svg); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(images/icons/arched-arrow-ltr.svg); +} +.oo-ui-icon-window { + background-image: /* @embed */ url(images/icons/window.svg); +} +.oo-ui-indicator-alert { + background-image: /* @embed */ url(images/indicators/alert.svg); +} +.oo-ui-indicator-down { + background-image: /* @embed */ url(images/indicators/arrow-down.svg); +} +.oo-ui-indicator-next { + background-image: /* @embed */ url(images/indicators/arrow-rtl.svg); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(images/indicators/arrow-ltr.svg); +} +.oo-ui-indicator-required { + background-image: /* @embed */ url(images/indicators/required.svg); +} +.oo-ui-indicator-up { + background-image: /* @embed */ url(images/indicators/arrow-up.svg); +} +.oo-ui-texture-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-texture-transparency { + background-image: /* @embed */ url(images/textures/transparency.svg); +} diff --git a/resources/lib/oojs-ui/themes/minerva/images/icons/check.png b/resources/lib/oojs-ui/themes/minerva/images/icons/check.png Binary files differnew file mode 100644 index 00000000..65026a0f --- /dev/null +++ b/resources/lib/oojs-ui/themes/minerva/images/icons/check.png diff --git a/resources/lib/oojs-ui/themes/minerva/images/icons/check.svg b/resources/lib/oojs-ui/themes/minerva/images/icons/check.svg new file mode 100644 index 00000000..6a91939f --- /dev/null +++ b/resources/lib/oojs-ui/themes/minerva/images/icons/check.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="44.075px" height="44.076px" viewBox="0 0 44.075 44.076" enable-background="new 0 0 44.075 44.076" xml:space="preserve">
+<polygon fill="#FFFFFF" points="41.673,12.657 15.385,37.159 15.201,36.961 10.037,31.424 2.402,23.239 8.057,17.962 15.693,26.157
+ 36.319,6.917 "/>
+</svg>
|
